<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <style>
      /*!
 * GitHub Light v0.4.1
 * Copyright (c) 2012 - 2017 GitHub, Inc.
 * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
 */
      .pl-c {
        color: #6a737d;
      }

      .pl-c1,
      .pl-s .pl-v {
        color: #005cc5;
      }

      .pl-e,
      .pl-en {
        color: #6f42c1;
      }

      .pl-s .pl-s1,
      .pl-smi {
        color: #24292e;
      }
      .pl-ent {
        color: #22863a;
      }

      .pl-k {
        color: #d73a49;
      }

      .pl-pds,
      .pl-s,
      .pl-s .pl-pse .pl-s1,
      .pl-sr,
      .pl-sr .pl-cce,
      .pl-sr .pl-sra,
      .pl-sr .pl-sre {
        color: #032f62;
      }

      .pl-smw,
      .pl-v {
        color: #e36209;
      }

      .pl-bu {
        color: #b31d28;
      }

      .pl-ii {
        background-color: #b31d28;
        color: #fafbfc;
      }

      .pl-c2 {
        background-color: #d73a49;
        color: #fafbfc;
      }

      .pl-c2:before {
        content: '^M';
      }

      .pl-sr .pl-cce {
        color: #22863a;
        font-weight: 700;
      }

      .pl-ml {
        color: #735c0f;
      }

      .pl-mh,
      .pl-mh .pl-en,
      .pl-ms {
        color: #005cc5;
        font-weight: 700;
      }

      .pl-mi {
        color: #24292e;
        font-style: italic;
      }

      .pl-mb {
        color: #24292e;
        font-weight: 700;
      }

      .pl-md {
        background-color: #ffeef0;
        color: #b31d28;
      }

      .pl-mi1 {
        background-color: #f0fff4;
        color: #22863a;
      }

      .pl-mc {
        background-color: #ffebda;
        color: #e36209;
      }

      .pl-mi2 {
        background-color: #005cc5;
        color: #f6f8fa;
      }

      .pl-mdr {
        color: #6f42c1;
        font-weight: 700;
      }

      .pl-ba {
        color: #586069;
      }

      .pl-sg {
        color: #959da5;
      }

      .pl-corl {
        color: #032f62;
        text-decoration: underline;
      }

      .CodeMirror {
        color: #000;
        direction: ltr;
        font-family: monospace;
        height: 300px;
      }

      .CodeMirror-lines {
        padding: 4px 0;
      }

      .CodeMirror pre {
        padding: 0 4px;
      }

      .CodeMirror-gutter-filler,
      .CodeMirror-scrollbar-filler {
        background-color: #fff;
      }

      .CodeMirror-gutters {
        background-color: #f7f7f7;
        border-right: 1px solid #ddd;
        white-space: nowrap;
      }

      .CodeMirror-linenumber {
        color: #999;
        min-width: 20px;
        padding: 0 3px 0 5px;
        text-align: right;
        white-space: nowrap;
      }

      .CodeMirror-guttermarker {
        color: #000;
      }

      .CodeMirror-guttermarker-subtle {
        color: #999;
      }

      .CodeMirror-cursor {
        border-left: 1px solid #000;
        border-right: none;
        width: 0;
      }

      .CodeMirror div.CodeMirror-secondarycursor {
        border-left: 1px solid silver;
      }

      .cm-fat-cursor .CodeMirror-cursor {
        background: #7e7;
        border: 0 !important;
        width: auto;
      }

      .cm-fat-cursor div.CodeMirror-cursors {
        z-index: 1;
      }

      .cm-fat-cursor-mark {
        animation: blink 1.06s steps(1) infinite;
        background-color: rgba(20, 255, 20, 0.5);
      }

      .cm-animate-fat-cursor {
        animation: blink 1.06s steps(1) infinite;
        background-color: #7e7;
        border: 0;
        width: auto;
      }

      @keyframes blink {
        50% {
          background-color: transparent;
        }
      }

      .cm-tab {
        display: inline-block;
        text-decoration: inherit;
      }

      .CodeMirror-rulers {
        bottom: -20px;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: -50px;
      }

      .CodeMirror-ruler {
        border-left: 1px solid #ccc;
        bottom: 0;
        position: absolute;
        top: 0;
      }

      .cm-s-default .cm-header {
        color: #00f;
      }

      .cm-s-default .cm-quote {
        color: #090;
      }

      .cm-negative {
        color: #d44;
      }

      .cm-positive {
        color: #292;
      }

      .cm-header,
      .cm-strong {
        font-weight: 700;
      }

      .cm-em {
        font-style: italic;
      }

      .cm-link {
        text-decoration: underline;
      }

      .cm-strikethrough {
        text-decoration: line-through;
      }

      .cm-s-default .cm-keyword {
        color: #708;
      }

      .cm-s-default .cm-atom {
        color: #219;
      }

      .cm-s-default .cm-number {
        color: #164;
      }

      .cm-s-default .cm-def {
        color: #00f;
      }

      .cm-s-default .cm-variable-2 {
        color: #05a;
      }

      .cm-s-default .cm-type,
      .cm-s-default .cm-variable-3 {
        color: #085;
      }

      .cm-s-default .cm-comment {
        color: #a50;
      }

      .cm-s-default .cm-string {
        color: #a11;
      }

      .cm-s-default .cm-string-2 {
        color: #f50;
      }

      .cm-s-default .cm-meta,
      .cm-s-default .cm-qualifier {
        color: #555;
      }

      .cm-s-default .cm-builtin {
        color: #30a;
      }

      .cm-s-default .cm-bracket {
        color: #997;
      }

      .cm-s-default .cm-tag {
        color: #170;
      }

      .cm-s-default .cm-attribute {
        color: #00c;
      }

      .cm-s-default .cm-hr {
        color: #999;
      }

      .cm-s-default .cm-link {
        color: #00c;
      }

      .cm-invalidchar,
      .cm-s-default .cm-error {
        color: red;
      }

      .CodeMirror-composing {
        border-bottom: 2px solid;
      }

      div.CodeMirror span.CodeMirror-matchingbracket {
        color: #0b0;
      }

      div.CodeMirror span.CodeMirror-nonmatchingbracket {
        color: #a22;
      }

      .CodeMirror-matchingtag {
        background: rgba(255, 150, 0, 0.3);
      }

      .CodeMirror-activeline-background {
        background: #e8f2ff;
      }

      .CodeMirror {
        background: #fff;
        overflow: hidden;
        position: relative;
      }

      .CodeMirror-scroll {
        height: 100%;
        margin-bottom: -30px;
        margin-right: -30px;
        outline: none;
        overflow: scroll !important;
        padding-bottom: 30px;
        position: relative;
      }

      .CodeMirror-sizer {
        border-right: 30px solid transparent;
        position: relative;
      }

      .CodeMirror-gutter-filler,
      .CodeMirror-hscrollbar,
      .CodeMirror-scrollbar-filler,
      .CodeMirror-vscrollbar {
        display: none;
        position: absolute;
        z-index: 6;
      }

      .CodeMirror-vscrollbar {
        overflow-x: hidden;
        overflow-y: scroll;
        right: 0;
        top: 0;
      }

      .CodeMirror-hscrollbar {
        bottom: 0;
        left: 0;
        overflow-x: scroll;
        overflow-y: hidden;
      }

      .CodeMirror-scrollbar-filler {
        bottom: 0;
        right: 0;
      }

      .CodeMirror-gutter-filler {
        bottom: 0;
        left: 0;
      }

      .CodeMirror-gutters {
        left: 0;
        min-height: 100%;
        position: absolute;
        top: 0;
        z-index: 3;
      }

      .CodeMirror-gutter {
        display: inline-block;
        height: 100%;
        margin-bottom: -30px;
        vertical-align: top;
        white-space: normal;
      }

      .CodeMirror-gutter-wrapper {
        background: none !important;
        border: none !important;
        position: absolute;
        z-index: 4;
      }

      .CodeMirror-gutter-background {
        bottom: 0;
        position: absolute;
        top: 0;
        z-index: 4;
      }

      .CodeMirror-gutter-elt {
        cursor: default;
        position: absolute;
        z-index: 4;
      }

      .CodeMirror-gutter-wrapper ::selection {
        background-color: transparent;
      }

      .CodeMirror-gutter-wrapper ::-moz-selection {
        background-color: transparent;
      }

      .CodeMirror-lines {
        cursor: text;
        min-height: 1px;
      }

      .CodeMirror pre {
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        border-radius: 0;
        border-width: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-variant-ligatures: contextual;
        line-height: inherit;
        margin: 0;
        overflow: visible;
        position: relative;
        white-space: pre;
        word-wrap: normal;
        z-index: 2;
      }

      .CodeMirror-wrap pre {
        white-space: pre-wrap;
        word-break: normal;
        word-wrap: break-word;
      }

      .CodeMirror-linebackground {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
      }

      .CodeMirror-linewidget {
        padding: 0.1px;
        position: relative;
        z-index: 2;
      }

      .CodeMirror-rtl pre {
        direction: rtl;
      }

      .CodeMirror-code {
        outline: none;
      }

      .CodeMirror-gutter,
      .CodeMirror-gutters,
      .CodeMirror-linenumber,
      .CodeMirror-scroll,
      .CodeMirror-sizer {
        box-sizing: content-box;
      }

      .CodeMirror-measure {
        height: 0;
        overflow: hidden;
        position: absolute;
        visibility: hidden;
        width: 100%;
      }

      .CodeMirror-cursor {
        pointer-events: none;
        position: absolute;
      }

      .CodeMirror-measure pre {
        position: static;
      }

      div.CodeMirror-cursors {
        position: relative;
        visibility: hidden;
        z-index: 3;
      }

      .CodeMirror-focused div.CodeMirror-cursors,
      div.CodeMirror-dragcursors {
        visibility: visible;
      }

      .CodeMirror-selected {
        background: #d9d9d9;
      }

      .CodeMirror-focused .CodeMirror-selected {
        background: #d7d4f0;
      }

      .CodeMirror-crosshair {
        cursor: crosshair;
      }

      .CodeMirror-line::selection,
      .CodeMirror-line > span::selection,
      .CodeMirror-line > span > span::selection {
        background: #d7d4f0;
      }

      .CodeMirror-line::-moz-selection,
      .CodeMirror-line > span::-moz-selection,
      .CodeMirror-line > span > span::-moz-selection {
        background: #d7d4f0;
      }

      .cm-searching {
        background-color: #ffa;
        background-color: rgba(255, 255, 0, 0.4);
      }

      .cm-force-border {
        padding-right: 0.1px;
      }

      @media print {
        .CodeMirror div.CodeMirror-cursors {
          visibility: hidden;
        }
      }

      .cm-tab-wrap-hack:after {
        content: '';
      }

      span.CodeMirror-selectedtext {
        background: none;
      }

      .CodeMirror-dialog {
        background: inherit;
        color: inherit;
        left: 0;
        overflow: hidden;
        padding: 0.1em 0.8em;
        position: absolute;
        right: 0;
        z-index: 15;
      }

      .CodeMirror-dialog-top {
        border-bottom: 1px solid #eee;
        top: 0;
      }

      .CodeMirror-dialog-bottom {
        border-top: 1px solid #eee;
        bottom: 0;
      }

      .CodeMirror-dialog input {
        background: transparent;
        border: none;
        color: inherit;
        font-family: monospace;
        outline: none;
        width: 20em;
      }

      .CodeMirror-dialog button {
        font-size: 70%;
      }

      .CodeMirror-merge {
        border: 1px solid #ddd;
        position: relative;
        white-space: pre;
      }

      .CodeMirror-merge,
      .CodeMirror-merge .CodeMirror {
        height: 350px;
      }

      .CodeMirror-merge-2pane .CodeMirror-merge-pane {
        width: 47%;
      }

      .CodeMirror-merge-2pane .CodeMirror-merge-gap {
        width: 6%;
      }

      .CodeMirror-merge-3pane .CodeMirror-merge-pane {
        width: 31%;
      }

      .CodeMirror-merge-3pane .CodeMirror-merge-gap {
        width: 3.5%;
      }

      .CodeMirror-merge-pane {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
      }

      .CodeMirror-merge-pane-rightmost {
        position: absolute;
        right: 0;
        z-index: 1;
      }

      .CodeMirror-merge-gap {
        background: #f8f8f8;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        box-sizing: border-box;
        display: inline-block;
        height: 100%;
        overflow: hidden;
        position: relative;
        z-index: 2;
      }

      .CodeMirror-merge-scrolllock-wrap {
        bottom: 0;
        left: 50%;
        position: absolute;
      }

      .CodeMirror-merge-scrolllock {
        color: #555;
        cursor: pointer;
        left: -50%;
        line-height: 1;
        position: relative;
      }

      .CodeMirror-merge-scrolllock:after {
        content: '\21db\00a0\00a0\21da';
      }

      .CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
        content: '\21db\21da';
      }

      .CodeMirror-merge-copybuttons-left,
      .CodeMirror-merge-copybuttons-right {
        bottom: 0;
        left: 0;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
      }

      .CodeMirror-merge-copy {
        z-index: 3;
      }

      .CodeMirror-merge-copy,
      .CodeMirror-merge-copy-reverse {
        color: #44c;
        cursor: pointer;
        position: absolute;
      }

      .CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
        left: 2px;
      }

      .CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
        right: 2px;
      }

      .CodeMirror-merge-l-inserted,
      .CodeMirror-merge-r-inserted {
        background-image: url();
        background-position: 0 100%;
        background-repeat: repeat-x;
      }

      .CodeMirror-merge-l-deleted,
      .CodeMirror-merge-r-deleted {
        background-image: url();
        background-position: 0 100%;
        background-repeat: repeat-x;
      }

      .CodeMirror-merge-r-chunk {
        background: #ffffe0;
      }

      .CodeMirror-merge-r-chunk-start {
        border-top: 1px solid #ee8;
      }

      .CodeMirror-merge-r-chunk-end {
        border-bottom: 1px solid #ee8;
      }

      .CodeMirror-merge-r-connect {
        fill: #ffffe0;
        stroke: #ee8;
        stroke-width: 1px;
      }

      .CodeMirror-merge-l-chunk {
        background: #eef;
      }

      .CodeMirror-merge-l-chunk-start {
        border-top: 1px solid #88e;
      }

      .CodeMirror-merge-l-chunk-end {
        border-bottom: 1px solid #88e;
      }

      .CodeMirror-merge-l-connect {
        fill: #eef;
        stroke: #88e;
        stroke-width: 1px;
      }

      .CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
        background: #dfd;
      }

      .CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
        border-top: 1px solid #4e4;
      }

      .CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
        border-bottom: 1px solid #4e4;
      }

      .CodeMirror-merge-collapsed-widget:before {
        content: '(...)';
      }

      .CodeMirror-merge-collapsed-widget {
        background: #eef;
        border: 1px solid #ddf;
        border-radius: 4px;
        color: #88b;
        cursor: pointer;
        font-size: 90%;
        padding: 0 3px;
      }

      .CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
        display: none;
      }

      /*!
 * GitHub Light v0.4.2
 * Copyright (c) 2012 - 2017 GitHub, Inc.
 * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
 */
      .cm-s-github-light.CodeMirror {
        background: #fff;
        color: #24292e;
      }

      .cm-s-github-light .CodeMirror-gutters {
        background: #fff;
        border-right-width: 0;
      }

      .cm-s-github-light .CodeMirror-guttermarker {
        color: #fff;
      }

      .cm-s-github-light .CodeMirror-guttermarker-subtle {
        color: #d0d0d0;
      }

      .cm-s-github-light .CodeMirror-linenumber {
        color: #959da5;
        padding: 0 16px;
      }

      .cm-s-github-light .CodeMirror-cursor {
        border-left: 1px solid #24292e;
      }

      .cm-s-github-light .CodeMirror-line::-moz-selection,
      .cm-s-github-light .CodeMirror-line::selection,
      .cm-s-github-light .CodeMirror-line > span::-moz-selection,
      .cm-s-github-light .CodeMirror-line > span::selection,
      .cm-s-github-light .CodeMirror-line > span > span::-moz-selection,
      .cm-s-github-light .CodeMirror-line > span > span::selection,
      .cm-s-github-light div.CodeMirror-selected {
        background: #c8c8fa;
      }

      .cm-s-github-light .CodeMirror-activeline-background {
        background: #fafbfc;
      }

      .cm-s-github-light .CodeMirror-matchingbracket {
        color: #24292e !important;
        text-decoration: underline;
      }

      .cm-s-github-light .CodeMirror-lines {
        background: #fff;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        line-height: 1.5;
      }

      .cm-s-github-light .cm-comment {
        color: #6a737d;
      }

      .cm-s-github-light .cm-constant {
        color: #005cc5;
      }

      .cm-s-github-light .cm-entity {
        color: #6f42c1;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
      }

      .cm-s-github-light .cm-keyword {
        color: #d73a49;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
      }

      .cm-s-github-light .cm-storage {
        color: #d73a49;
      }

      .cm-s-github-light .cm-string {
        color: #032f62;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
      }

      .cm-s-github-light .cm-support {
        color: #005cc5;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
      }

      .cm-s-github-light .cm-variable {
        color: #e36209;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
      }

      details-dialog {
        left: 50%;
        margin: 10vh auto;
        max-height: 80vh;
        max-width: 90vw;
        position: fixed;
        top: 0;
        transform: translateX(-50%);
        width: 448px;
        z-index: 999;
      }

      .octicon {
        display: inline-block;
        fill: currentColor;
        vertical-align: text-top;
      }

      body.intent-mouse [role='button']:focus,
      body.intent-mouse button:focus,
      body.intent-mouse summary:focus {
        outline: none;
      }

      .CodeMirror {
        height: calc(100vh - 1px);
      }

      .file-editor-textarea {
        border: 0;
        border-radius: 0;
        font: 12px SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        outline: none;
        padding: 5px 4px;
        resize: vertical;
        width: 100%;
      }

      .container-preview .tabnav-tabs {
        margin: -6px 0 -6px -11px;
      }

      .container-preview .tabnav-tabs .tabnav-tab {
        border-radius: 0;
        padding: 12px 15px;
      }

      .container-preview .tabnav-tabs > .selected:first-child {
        border-top-left-radius: 3px;
      }

      .container-preview .tabnav-tabs .selected {
        font-weight: 600;
      }

      .container-preview.template-editor .commit-create,
      .container-preview.template-editor .file-actions {
        display: block;
      }

      .container-preview.template-editor .commit-preview,
      .container-preview.template-editor .error-preview-msg,
      .container-preview.template-editor .loading-preview-msg,
      .container-preview.template-editor .no-changes-preview-msg,
      .container-preview.template-editor .show-code {
        display: none !important;
      }

      .container-preview.render-editor .commit-create,
      .container-preview.render-editor .file-actions {
        display: block;
      }

      .container-preview.render-editor .commit-preview,
      .container-preview.render-editor .error-preview-msg,
      .container-preview.render-editor .loading-preview-msg,
      .container-preview.render-editor .no-changes-preview-msg,
      .container-preview.render-editor .show-code,
      .container-preview.render-editor .template-editor {
        display: none !important;
      }

      .container-preview.show-code .commit-create,
      .container-preview.show-code .file-actions {
        display: block;
      }

      .container-preview.show-code .commit-preview,
      .container-preview.show-code .error-preview-msg,
      .container-preview.show-code .loading-preview-msg,
      .container-preview.show-code .no-changes-preview-msg,
      .container-preview.show-code .render-editor,
      .container-preview.show-code .template-editor {
        display: none !important;
      }

      .container-preview:not(.show-code) .commit-create,
      .container-preview:not(.show-code) .file-actions {
        display: none !important;
      }

      .container-preview.loading-preview .loading-preview-msg {
        display: block;
      }

      .container-preview.loading-preview .commit-preview,
      .container-preview.loading-preview .error-preview-msg,
      .container-preview.loading-preview .no-changes-preview-msg,
      .container-preview.loading-preview .render-editor,
      .container-preview.loading-preview .template-editor {
        display: none !important;
      }

      .container-preview.show-preview .commit-preview {
        display: block;
      }

      .container-preview.show-preview .error-preview-msg,
      .container-preview.show-preview .loading-preview-msg,
      .container-preview.show-preview .no-changes-preview-msg,
      .container-preview.show-preview .render-editor,
      .container-preview.show-preview .template-editor {
        display: none !important;
      }

      .container-preview.no-changes-preview .no-changes-preview-msg {
        display: block;
      }

      .container-preview.no-changes-preview .commit-preview,
      .container-preview.no-changes-preview .error-preview-msg,
      .container-preview.no-changes-preview .loading-preview-msg,
      .container-preview.no-changes-preview .render-editor,
      .container-preview.no-changes-preview .template-editor {
        display: none !important;
      }

      .container-preview.error-preview .error-preview-msg {
        display: block;
      }

      .container-preview.error-preview .commit-preview,
      .container-preview.error-preview .loading-preview-msg,
      .container-preview.error-preview .no-changes-preview-msg,
      .container-preview.error-preview .render-editor,
      .container-preview.error-preview .template-editor {
        display: none !important;
      }

      .container-preview p.preview-msg {
        font-size: 16px;
        padding: 30px;
      }

      .render-editor-lock {
        background: hsla(0, 0%, 100%, 0.7);
        z-index: 5;
      }

      .CodeMirror-merge-header {
        height: 30px;
      }

      .CodeMirror-merge-header .CodeMirror-merge-pane {
        height: 30px;
        line-height: 30px;
      }

      .cm-s-github-light .merge-gutter {
        width: 14px;
      }

      .conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
        background-color: #fffbdd;
      }

      .conflict-gutter-marker {
        background-color: #fffbdd;
      }

      .conflict-gutter-marker:after,
      .conflict-gutter-marker:before {
        background-color: #d73a49;
        content: '';
        left: -1px;
        position: absolute;
      }

      .conflict-gutter-marker-end:after,
      .conflict-gutter-marker-start:after {
        height: 10px;
        width: 1px;
      }

      .conflict-gutter-marker-end:before,
      .conflict-gutter-marker-middle:before,
      .conflict-gutter-marker-start:before {
        height: 1px;
        width: 10px;
      }

      .conflict-gutter-marker-start:after {
        bottom: 0;
      }

      .conflict-gutter-marker-end:after {
        top: 0;
      }

      .conflict-gutter-marker-start:before {
        top: 7px;
      }

      .conflict-gutter-marker-end:before {
        bottom: 7px;
      }

      .conflict-gutter-marker-line:after,
      .conflict-gutter-marker-middle:after {
        height: 18px;
        width: 1px;
      }

      .conflict-gutter-marker-middle:before {
        top: 9px;
      }

      .form-group .edit-action {
        opacity: 0.6;
      }

      .form-group .form-field-hover {
        background-color: none;
        border: 1px solid rgba(149, 157, 165, 0);
      }

      .form-group:hover {
        cursor: pointer;
      }

      .form-group:hover .edit-action {
        opacity: 0.7;
      }

      .form-group:hover .form-field-hover {
        border: 1px solid #959da5;
      }

      .placeholder-box {
        border: 1px solid #959da5;
      }

      .template-previews {
        max-width: 768px;
      }

      .template-previews .Box .expand-group {
        display: none;
        height: 0;
      }

      .template-previews .Box .dismiss-preview-button {
        display: none;
      }

      .template-previews .Box.expand-preview .expand-group {
        display: block;
        height: 100%;
        transition: height 3s;
      }

      .template-previews .Box.expand-preview .preview-button {
        display: none;
      }

      .template-previews .Box.expand-preview .dismiss-preview-button {
        display: inline;
      }

      .template-previews .discussion-sidebar-heading {
        color: #24292e;
        font-size: 14px;
      }

      .template-previews .discussion-sidebar-heading:hover {
        color: #0366d6;
      }

      .edit-labels {
        display: none;
      }

      .preview-section {
        display: block;
      }

      .Box .section-focus .preview-section,
      .edit-section {
        display: none;
      }

      .Box .section-focus .edit-section {
        display: block;
      }

      .user-select-contain {
        -moz-user-select: contain;
        -ms-user-select: element;
        -ms-user-select: contain;
        -webkit-user-select: contain;
        user-select: contain;
      }

      .zeroclipboard-link {
        background: none;
        border: 0;
        color: #0366d6;
        cursor: pointer;
        margin: 0;
        padding: 0;
      }

      .zeroclipboard-link .octicon,
      image-crop {
        display: block;
      }

      image-crop.nesw {
        cursor: nesw-resize;
      }

      image-crop.nwse {
        cursor: nwse-resize;
      }

      image-crop.nesw .crop-box,
      image-crop.nwse .crop-box {
        cursor: inherit;
      }

      image-crop[loaded] .crop-image {
        display: block;
      }

      image-crop .crop-image,
      image-crop[loaded] [data-loading-slot] {
        display: none;
      }

      image-crop .crop-wrapper {
        font-size: 0;
        position: relative;
      }

      image-crop .crop-container {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        user-select: none;
        width: 100%;
        z-index: 1;
      }

      image-crop .crop-box {
        border: 1px dashed #fff;
        box-sizing: border-box;
        cursor: move;
        position: absolute;
      }

      image-crop .crop-outline {
        bottom: 0;
        left: 0;
        outline: 600px solid rgba(0, 0, 0, 0.3);
        position: absolute;
        right: 0;
        top: 0;
      }

      image-crop .handle {
        position: absolute;
      }

      image-crop .handle:before {
        background: #fff;
        border: 1px solid #767676;
        content: ' ';
        display: block;
        padding: 4px;
        position: absolute;
        transform: translate(-50%, -50%);
      }

      image-crop .ne {
        cursor: nesw-resize;
        right: 0;
        top: 0;
      }

      image-crop .nw {
        cursor: nwse-resize;
        left: 0;
        top: 0;
      }

      image-crop .se {
        bottom: 0;
        cursor: nwse-resize;
        right: 0;
      }

      image-crop .sw {
        bottom: 0;
        cursor: nesw-resize;
        left: 0;
      }

      /*!
 * Primer-core
 * http://primer.github.io
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
      /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
      html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-family: sans-serif;
      }

      body {
        margin: 0;
      }

      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      main,
      menu,
      nav,
      section {
        display: block;
      }

      summary {
        display: list-item;
      }

      audio,
      canvas,
      progress,
      video {
        display: inline-block;
      }

      audio:not([controls]) {
        display: none;
        height: 0;
      }

      progress {
        vertical-align: baseline;
      }

      [hidden],
      template {
        display: none !important;
      }

      a {
        background-color: transparent;
      }

      a:active,
      a:hover {
        outline-width: 0;
      }

      abbr[title] {
        -webkit-text-decoration: underline dotted;
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted;
      }

      b,
      strong {
        font-weight: inherit;
        font-weight: bolder;
      }

      dfn {
        font-style: italic;
      }

      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }

      mark {
        background-color: #ff0;
        color: #000;
      }

      small {
        font-size: 80%;
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      img {
        border-style: none;
      }

      svg:not(:root) {
        overflow: hidden;
      }

      code,
      kbd,
      pre,
      samp {
        font-family: monospace, monospace;
        font-size: 1em;
      }

      figure {
        margin: 1em 40px;
      }

      hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
        margin: 0;
      }

      optgroup {
        font-weight: 700;
      }

      button,
      input {
        overflow: visible;
      }

      button,
      select {
        text-transform: none;
      }

      [type='reset'],
      [type='submit'],
      button,
      html [type='button'] {
        -webkit-appearance: button;
      }

      [type='button']::-moz-focus-inner,
      [type='reset']::-moz-focus-inner,
      [type='submit']::-moz-focus-inner,
      button::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }

      [type='button']:-moz-focusring,
      [type='reset']:-moz-focusring,
      [type='submit']:-moz-focusring,
      button:-moz-focusring {
        outline: 1px dotted ButtonText;
      }

      fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
      }

      legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
      }

      textarea {
        overflow: auto;
      }

      [type='checkbox'],
      [type='radio'] {
        box-sizing: border-box;
        padding: 0;
      }

      [type='number']::-webkit-inner-spin-button,
      [type='number']::-webkit-outer-spin-button {
        height: auto;
      }

      [type='search'] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }

      [type='search']::-webkit-search-cancel-button,
      [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      ::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.54;
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }

      * {
        box-sizing: border-box;
      }

      button,
      input,
      select,
      textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }

      body {
        background-color: #fff;
        color: #24292e;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
          Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 14px;
        line-height: 1.5;
      }

      a {
        color: #0366d6;
        text-decoration: none;
      }

      a:hover {
        text-decoration: underline;
      }

      b,
      strong {
        font-weight: 600;
      }

      .rule,
      hr {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #dfe2e5;
        height: 0;
        margin: 15px 0;
        overflow: hidden;
      }

      .rule:before,
      hr:before {
        content: '';
        display: table;
      }

      .rule:after,
      hr:after {
        clear: both;
        content: '';
        display: table;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      td,
      th {
        padding: 0;
      }

      button {
        border-radius: 0;
        cursor: pointer;
      }

      [hidden][hidden] {
        display: none !important;
      }

      details summary {
        cursor: pointer;
      }

      details:not([open]) > :not(summary) {
        display: none !important;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin-bottom: 0;
        margin-top: 0;
      }

      h1 {
        font-size: 32px;
      }

      h1,
      h2 {
        font-weight: 600;
      }

      h2 {
        font-size: 24px;
      }

      h3 {
        font-size: 20px;
      }

      h3,
      h4 {
        font-weight: 600;
      }

      h4 {
        font-size: 16px;
      }

      h5 {
        font-size: 14px;
      }

      h5,
      h6 {
        font-weight: 600;
      }

      h6 {
        font-size: 12px;
      }

      p {
        margin-bottom: 10px;
        margin-top: 0;
      }

      small {
        font-size: 90%;
      }

      blockquote {
        margin: 0;
      }

      ol,
      ul {
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 0;
      }

      ol ol,
      ul ol {
        list-style-type: lower-roman;
      }

      ol ol ol,
      ol ul ol,
      ul ol ol,
      ul ul ol {
        list-style-type: lower-alpha;
      }

      dd {
        margin-left: 0;
      }

      code,
      pre,
      tt {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
      }

      pre {
        margin-bottom: 0;
        margin-top: 0;
      }

      .octicon {
        vertical-align: text-bottom;
      }

      .Box {
        background-color: #fff;
        border: 1px solid #d1d5da;
        border-radius: 3px;
      }

      .Box--condensed {
        line-height: 1.25;
      }

      .Box--condensed .Box-body,
      .Box--condensed .Box-footer,
      .Box--condensed .Box-header {
        padding: 8px 16px;
      }

      .Box--condensed .Box-btn-octicon.btn-octicon {
        line-height: 1.25;
        margin: -8px -16px;
        padding: 8px 16px;
      }

      .Box--condensed .Box-row {
        padding: 8px 16px;
      }

      .Box--spacious .Box-header {
        line-height: 1.25;
        padding: 24px;
      }

      .Box--spacious .Box-title {
        font-size: 20px;
      }

      .Box--spacious .Box-body,
      .Box--spacious .Box-footer {
        padding: 24px;
      }

      .Box--spacious .Box-btn-octicon.btn-octicon {
        margin: -24px;
        padding: 24px;
      }

      .Box--spacious .Box-row {
        padding: 24px;
      }

      .Box-header {
        background-color: #f6f8fa;
        border: 1px solid #d1d5da;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        margin: -1px -1px 0;
        padding: 16px;
      }

      .Box-title {
        font-size: 14px;
        font-weight: 600;
      }

      .Box-body {
        border-bottom: 1px solid #e1e4e8;
        padding: 16px;
      }

      .Box-body:last-of-type {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        margin-bottom: -1px;
      }

      .Box-row {
        border-top: 1px solid #e1e4e8;
        list-style-type: none;
        margin-top: -1px;
        padding: 16px;
      }

      .Box-row:first-of-type {
        border-top-color: transparent;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
      }

      .Box-row:last-of-type {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
      }

      .Box-row.Box-row--unread,
      .Box-row.unread {
        box-shadow: inset 2px 0 0 #0366d6;
      }

      .Box-row.navigation-focus .Box-row--drag-button {
        color: #0366d6;
        cursor: grab;
        opacity: 1;
      }

      .Box-row.navigation-focus.is-dragging .Box-row--drag-button {
        cursor: grabbing;
      }

      .Box-row.navigation-focus.sortable-chosen {
        background-color: #fafbfc;
      }

      .Box-row.navigation-focus.sortable-ghost {
        background-color: #f6f8fa;
      }

      .Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
        opacity: 0;
      }

      .Box-row--focus-gray.navigation-focus {
        background-color: #f6f8fa;
      }

      .Box-row--focus-blue.navigation-focus {
        background-color: #f1f8ff;
      }

      .Box-row--hover-gray:hover {
        background-color: #f6f8fa;
      }

      .Box-row--hover-blue:hover {
        background-color: #f1f8ff;
      }

      @media (min-width: 768px) {
        .Box-row-link {
          color: #24292e;
          text-decoration: none;
        }

        .Box-row-link:hover {
          color: #0366d6;
          text-decoration: none;
        }
      }

      .Box-row--drag-button {
        opacity: 0;
      }

      .Box-footer {
        border-top: 1px solid #e1e4e8;
        margin-top: -1px;
        padding: 16px;
      }

      .Box--scrollable {
        max-height: 324px;
        overflow: scroll;
      }

      .Box--blue {
        border-color: #c8e1ff;
      }

      .Box--blue .Box-header {
        background-color: #f1f8ff;
        border-color: #c8e1ff;
      }

      .Box--blue .Box-body,
      .Box--blue .Box-footer,
      .Box--blue .Box-row {
        border-color: #c8e1ff;
      }

      .Box--danger {
        border-color: #d73a49;
      }

      .Box--danger .Box-row:first-of-type {
        border-color: #d73a49;
      }

      .Box--danger .Box-body:last-of-type {
        border-color: #d73a49;
      }

      .Box-header--blue {
        background-color: #f1f8ff;
        border-color: #c8e1ff;
      }

      .Box-row--yellow {
        background-color: #fffbdd;
      }

      .Box-row--blue {
        background-color: #f1f8ff;
      }

      .Box-row--gray {
        background-color: #f6f8fa;
      }

      .Box-btn-octicon.btn-octicon {
        line-height: 1.5;
        margin: -16px;
        padding: 16px;
      }

      .breadcrumb-item {
        display: inline-block;
        list-style: none;
        margin-left: -0.35em;
        white-space: nowrap;
      }

      .breadcrumb-item:after {
        color: #e1e4e8;
        content: '/';
        padding-left: 0.5em;
        padding-right: 0.5em;
      }

      .breadcrumb-item:first-child {
        margin-left: 0;
      }

      .breadcrumb-item-selected:after {
        content: none;
      }

      .btn {
        -moz-appearance: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-appearance: none;
        -webkit-user-select: none;
        appearance: none;
        background-position: -1px -1px;
        background-repeat: repeat-x;
        background-size: 110% 110%;
        border: 1px solid rgba(27, 31, 35, 0.2);
        border-radius: 0.25em;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 6px 12px;
        position: relative;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
      }

      .btn i {
        font-style: normal;
        font-weight: 500;
        opacity: 0.75;
      }

      .btn .octicon {
        vertical-align: text-top;
      }

      .btn .Counter {
        background-color: rgba(27, 31, 35, 0.1);
        color: #586069;
        text-shadow: none;
      }

      .btn:hover {
        background-repeat: repeat-x;
        text-decoration: none;
      }

      .btn:focus {
        outline: 0;
      }

      .btn.disabled,
      .btn:disabled {
        background-position: 0 0;
        cursor: default;
      }

      .btn.selected,
      .btn:active {
        background-image: none;
      }

      .btn {
        background-color: #eff3f6;
        background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
        color: #24292e;
      }

      .btn.focus,
      .btn:focus {
        box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
      }

      .btn.hover,
      .btn:hover {
        background-color: #e6ebf1;
        background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
        background-position: -0.5em;
        border-color: rgba(27, 31, 35, 0.35);
      }

      .btn.selected,
      .btn:active,
      [open] > .btn {
        background-color: #e9ecef;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.35);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
      }

      .btn.disabled,
      .btn:disabled {
        background-color: #eff3f6;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: rgba(36, 41, 46, 0.4);
      }

      .btn-primary {
        background-color: #28a745;
        background-image: linear-gradient(-180deg, #34d058, #28a745 90%);
        color: #fff;
      }

      .btn-primary.focus,
      .btn-primary:focus {
        box-shadow: 0 0 0 0.2em rgba(52, 208, 88, 0.4);
      }

      .btn-primary.hover,
      .btn-primary:hover {
        background-color: #269f42;
        background-image: linear-gradient(-180deg, #2fcb53, #269f42 90%);
        background-position: -0.5em;
        border-color: rgba(27, 31, 35, 0.5);
      }

      .btn-primary.selected,
      .btn-primary:active,
      [open] > .btn-primary {
        background-color: #279f43;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
      }

      .btn-primary.disabled,
      .btn-primary:disabled {
        background-color: #94d3a2;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: hsla(0, 0%, 100%, 0.75);
      }

      .btn-primary .Counter {
        background-color: #fff;
        color: #29b249;
      }

      .btn-purple {
        background-color: #643ab0;
        background-image: linear-gradient(-180deg, #7e55c7, #643ab0 90%);
        color: #fff;
      }

      .btn-purple.focus,
      .btn-purple:focus {
        box-shadow: 0 0 0 0.2em rgba(126, 85, 199, 0.4);
      }

      .btn-purple.hover,
      .btn-purple:hover {
        background-color: #5f37a8;
        background-image: linear-gradient(-180deg, #784ec5, #5f37a8 90%);
        background-position: -0.5em;
        border-color: rgba(27, 31, 35, 0.5);
      }

      .btn-purple.selected,
      .btn-purple:active,
      [open] > .btn-purple {
        background-color: #613ca4;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
      }

      .btn-purple.disabled,
      .btn-purple:disabled {
        background-color: #b19cd7;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: hsla(0, 0%, 100%, 0.75);
      }

      .btn-purple .Counter {
        background-color: #fff;
        color: #683cb8;
      }

      .btn-blue {
        background-color: #0361cc;
        background-image: linear-gradient(-180deg, #0679fc, #0361cc 90%);
        color: #fff;
      }

      .btn-blue.focus,
      .btn-blue:focus {
        box-shadow: 0 0 0 0.2em rgba(6, 121, 252, 0.4);
      }

      .btn-blue.hover,
      .btn-blue:hover {
        background-color: #035cc2;
        background-image: linear-gradient(-180deg, #0374f4, #035cc2 90%);
        background-position: -0.5em;
        border-color: rgba(27, 31, 35, 0.5);
      }

      .btn-blue.selected,
      .btn-blue:active,
      [open] > .btn-blue {
        background-color: #045cc1;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
      }

      .btn-blue.disabled,
      .btn-blue:disabled {
        background-color: #81b0e5;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: hsla(0, 0%, 100%, 0.75);
      }

      .btn-blue .Counter {
        background-color: #fff;
        color: #0366d6;
      }

      .btn-danger {
        background-color: #fafbfc;
        background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
        color: #cb2431;
      }

      .btn-danger:focus {
        box-shadow: 0 0 0 0.2em rgba(203, 36, 49, 0.4);
      }

      .btn-danger:hover {
        background-color: #cb2431;
        background-image: linear-gradient(-180deg, #de4450, #cb2431 90%);
        border-color: rgba(27, 31, 35, 0.5);
        color: #fff;
      }

      .btn-danger:hover .Counter {
        color: #fff;
      }

      .btn-danger.selected,
      .btn-danger:active,
      [open] > .btn-danger {
        background-color: #b5202c;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
        color: #fff;
      }

      .btn-danger.disabled,
      .btn-danger:disabled {
        background-color: #eff3f6;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: rgba(203, 36, 49, 0.4);
      }

      .btn-outline {
        background-color: #fff;
        background-image: none;
        color: #0366d6;
      }

      .btn-outline .Counter {
        background-color: rgba(27, 31, 35, 0.07);
      }

      .btn-outline.selected,
      .btn-outline:active,
      .btn-outline:hover,
      [open] > .btn-outline {
        background-color: #0366d6;
        background-image: none;
        border-color: #0366d6;
        color: #fff;
      }

      .btn-outline.selected .Counter,
      .btn-outline:active .Counter,
      .btn-outline:hover .Counter,
      [open] > .btn-outline .Counter {
        background-color: #fff;
        color: #0366d6;
      }

      .btn-outline:focus {
        border-color: #0366d6;
        box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.4);
      }

      .btn-outline.disabled,
      .btn-outline:disabled {
        background-color: #fff;
        border-color: rgba(27, 31, 35, 0.15);
        box-shadow: none;
        color: rgba(27, 31, 35, 0.3);
      }

      .btn-with-count {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        float: left;
      }

      .btn-sm {
        font-size: 12px;
        line-height: 20px;
        padding: 3px 10px;
      }

      .btn-large {
        border-radius: 6px;
        font-size: inherit;
        padding: 0.75em 1.25em;
      }

      .hidden-text-expander {
        display: block;
      }

      .hidden-text-expander.inline {
        display: inline-block;
        line-height: 0;
        margin-left: 5px;
        position: relative;
        top: -1px;
      }

      .ellipsis-expander,
      .hidden-text-expander a {
        background: #dfe2e5;
        border: 0;
        border-radius: 1px;
        color: #444d56;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        height: 12px;
        line-height: 6px;
        padding: 0 5px 5px;
        text-decoration: none;
        vertical-align: middle;
      }

      .ellipsis-expander:hover,
      .hidden-text-expander a:hover {
        background-color: #c6cbd1;
        text-decoration: none;
      }

      .ellipsis-expander:active,
      .hidden-text-expander a:active {
        background-color: #2188ff;
        color: #fff;
      }

      .social-count {
        background-color: #fff;
        border: 1px solid rgba(27, 31, 35, 0.2);
        border-bottom-right-radius: 3px;
        border-left: 0;
        border-top-right-radius: 3px;
        color: #24292e;
        float: left;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        padding: 3px 10px;
        vertical-align: middle;
      }

      .social-count:active,
      .social-count:hover {
        text-decoration: none;
      }

      .social-count:hover {
        color: #0366d6;
        cursor: pointer;
      }

      .btn-block {
        display: block;
        text-align: center;
        width: 100%;
      }

      .btn-link {
        -moz-appearance: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-appearance: none;
        -webkit-user-select: none;
        appearance: none;
        background-color: transparent;
        border: 0;
        color: #0366d6;
        cursor: pointer;
        display: inline-block;
        font-size: inherit;
        padding: 0;
        text-decoration: none;
        user-select: none;
        white-space: nowrap;
      }

      .btn-link:hover {
        text-decoration: underline;
      }

      .btn-link:disabled,
      .btn-link:disabled:hover {
        color: rgba(88, 96, 105, 0.5);
        cursor: default;
      }

      .details-reset > summary {
        list-style: none;
      }

      .details-reset > summary:before {
        display: none;
      }

      .details-reset > summary::-webkit-details-marker {
        display: none;
      }

      .BtnGroup {
        display: inline-block;
        vertical-align: middle;
      }

      .BtnGroup:before {
        content: '';
        display: table;
      }

      .BtnGroup:after {
        clear: both;
        content: '';
        display: table;
      }

      .BtnGroup + .btn,
      .BtnGroup + .BtnGroup {
        margin-left: 4px;
      }

      .BtnGroup-item {
        border-radius: 0;
        border-right-width: 0;
        float: left;
        position: relative;
      }

      .BtnGroup-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }

      .BtnGroup-item:last-child {
        border-bottom-right-radius: 3px;
        border-right-width: 1px;
        border-top-right-radius: 3px;
      }

      .BtnGroup-item.selected,
      .BtnGroup-item:active,
      .BtnGroup-item:focus,
      .BtnGroup-item:hover {
        border-right-width: 1px;
      }

      .BtnGroup-item.selected + .BtnGroup-item,
      .BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-item:active + .BtnGroup-item,
      .BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-item:focus + .BtnGroup-item,
      .BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-item:hover + .BtnGroup-item,
      .BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item {
        border-left-width: 0;
      }

      .BtnGroup-parent {
        float: left;
      }

      .BtnGroup-parent:first-child .BtnGroup-item {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }

      .BtnGroup-parent:last-child .BtnGroup-item {
        border-bottom-right-radius: 3px;
        border-right-width: 1px;
        border-top-right-radius: 3px;
      }

      .BtnGroup-parent .BtnGroup-item {
        border-radius: 0;
        border-right-width: 0;
      }

      .BtnGroup-parent.selected .BtnGroup-item,
      .BtnGroup-parent:active .BtnGroup-item,
      .BtnGroup-parent:focus .BtnGroup-item,
      .BtnGroup-parent:hover .BtnGroup-item {
        border-right-width: 1px;
      }

      .BtnGroup-parent.selected + .BtnGroup-item,
      .BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-parent:active + .BtnGroup-item,
      .BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-parent:focus + .BtnGroup-item,
      .BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item,
      .BtnGroup-parent:hover + .BtnGroup-item,
      .BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item {
        border-left-width: 0;
      }

      .BtnGroup-item:active,
      .BtnGroup-item:focus,
      .BtnGroup-parent:active,
      .BtnGroup-parent:focus {
        z-index: 1;
      }

      .TableObject {
        display: table;
      }

      .TableObject-item {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        width: 1%;
      }

      .TableObject-item--primary {
        width: 99%;
      }

      fieldset {
        border: 0;
        margin: 0;
        padding: 0;
      }

      label {
        font-weight: 600;
      }

      .form-control,
      .form-select {
        background-color: #fff;
        background-position: right 8px center;
        background-repeat: no-repeat;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
        color: #24292e;
        font-size: 16px;
        line-height: 20px;
        min-height: 34px;
        outline: none;
        padding: 6px 8px;
        vertical-align: middle;
      }

      .form-control.focus,
      .form-control:focus,
      .form-select.focus,
      .form-select:focus {
        border-color: #2188ff;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075),
          0 0 0 0.2em rgba(3, 102, 214, 0.3);
        outline: none;
      }

      @media (min-width: 768px) {
        .form-control,
        .form-select {
          font-size: 14px;
        }
      }

      .input-contrast {
        background-color: #fafbfc;
      }

      .input-contrast:focus {
        background-color: #fff;
      }

      :-ms-input-placeholder {
        color: #6a737d;
      }

      ::-ms-input-placeholder {
        color: #6a737d;
      }

      ::placeholder {
        color: #6a737d;
      }

      .input-sm {
        font-size: 12px;
        line-height: 20px;
        min-height: 28px;
        padding-bottom: 3px;
        padding-top: 3px;
      }

      .input-lg {
        font-size: 16px;
        padding: 4px 10px;
      }

      .input-block {
        display: block;
        width: 100%;
      }

      .input-monospace {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
      }

      .input-hide-webkit-autofill::-webkit-contacts-auto-fill-button {
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden;
      }

      .form-checkbox {
        margin: 15px 0;
        padding-left: 20px;
        vertical-align: middle;
      }

      .form-checkbox label em.highlight {
        background: #fffbdd;
        border-radius: 3px;
        font-style: normal;
        left: -4px;
        padding: 2px 4px;
        position: relative;
      }

      .form-checkbox input[type='checkbox'],
      .form-checkbox input[type='radio'] {
        float: left;
        margin: 5px 0 0 -20px;
        vertical-align: middle;
      }

      .form-checkbox .note {
        color: #586069;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin: 0;
      }

      .form-checkbox-details {
        display: none;
      }

      .form-checkbox-details-trigger:checked ~ * .form-checkbox-details,
      .form-checkbox-details-trigger:checked ~ .form-checkbox-details {
        display: block;
      }

      .hfields {
        margin: 15px 0;
      }

      .hfields:before {
        content: '';
        display: table;
      }

      .hfields:after {
        clear: both;
        content: '';
        display: table;
      }

      .hfields .form-group {
        float: left;
        margin: 0 30px 0 0;
      }

      .hfields .form-group dt label {
        color: #586069;
        display: inline-block;
        margin: 5px 0 0;
      }

      .hfields .form-group dt img {
        position: relative;
        top: -2px;
      }

      .hfields .btn {
        float: left;
        margin: 28px 25px 0 -20px;
      }

      .hfields .form-select {
        margin-top: 5px;
      }

      input::-webkit-inner-spin-button,
      input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
      }

      .form-actions:before {
        content: '';
        display: table;
      }

      .form-actions:after {
        clear: both;
        content: '';
        display: table;
      }

      .form-actions .btn {
        float: right;
      }

      .form-actions .btn + .btn {
        margin-right: 5px;
      }

      .form-warning {
        background: #fffbdd;
        border: 1px solid #d9d0a5;
        border-radius: 3px;
        color: #735c0f;
        font-size: 14px;
        margin: 10px 0;
        padding: 8px 10px;
      }

      .form-warning p {
        line-height: 1.5;
        margin: 0;
      }

      .form-warning a {
        font-weight: 600;
      }

      .form-select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: #fff
          url('')
          no-repeat right 8px center;
        background-size: 8px 10px;
        display: inline-block;
        height: 34px;
        max-width: 100%;
        padding-right: 24px;
      }

      .form-select::-ms-expand {
        opacity: 0;
      }

      .form-select[multiple] {
        height: auto;
      }

      .select-sm {
        font-size: 12px;
        height: 28px;
        min-height: 28px;
        padding-bottom: 3px;
        padding-top: 3px;
      }

      .select-sm[multiple] {
        height: auto;
        min-height: 0;
      }

      .form-group {
        margin: 15px 0;
      }

      .form-group .form-control {
        background-color: #fafbfc;
        margin-right: 5px;
        max-width: 100%;
        width: 440px;
      }

      .form-group .form-control:focus {
        background-color: #fff;
      }

      .form-group .form-control.shorter {
        width: 130px;
      }

      .form-group .form-control.short {
        width: 250px;
      }

      .form-group .form-control.long {
        width: 100%;
      }

      .form-group textarea.form-control {
        height: 200px;
        min-height: 200px;
        width: 100%;
      }

      .form-group textarea.form-control.short {
        height: 50px;
        min-height: 50px;
      }

      .form-group dt {
        margin: 0 0 6px;
      }

      .form-group label {
        position: relative;
      }

      .form-group.flattened dt {
        float: left;
        line-height: 32px;
        margin: 0;
      }

      .form-group.flattened dd {
        line-height: 32px;
      }

      .form-group dd h4 {
        margin: 4px 0 0;
      }

      .form-group dd h4.is-error {
        color: #cb2431;
      }

      .form-group dd h4.is-success {
        color: #28a745;
      }

      .form-group dd h4 + .note {
        margin-top: 0;
      }

      .form-group.required dt label:after {
        color: #cb2431;
        content: '*';
        padding-left: 5px;
      }

      .form-group .error,
      .form-group .indicator,
      .form-group .success {
        display: none;
        font-size: 12px;
        font-weight: 600;
      }

      .form-group.loading {
        opacity: 0.5;
      }

      .form-group.loading .indicator {
        display: inline;
      }

      .form-group.loading .spinner {
        display: inline-block;
        vertical-align: middle;
      }

      .form-group.successful .success {
        color: #28a745;
        display: inline;
      }

      .form-group.errored .error,
      .form-group.errored .warning,
      .form-group.warn .error,
      .form-group.warn .warning {
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: block;
        font-size: 13px;
        font-weight: 400;
        margin: 4px 0 0;
        max-width: 450px;
        padding: 5px 8px;
        position: absolute;
        z-index: 10;
      }

      .form-group.errored .error:after,
      .form-group.errored .error:before,
      .form-group.errored .warning:after,
      .form-group.errored .warning:before,
      .form-group.warn .error:after,
      .form-group.warn .error:before,
      .form-group.warn .warning:after,
      .form-group.warn .warning:before {
        border: solid transparent;
        bottom: 100%;
        content: ' ';
        height: 0;
        left: 10px;
        pointer-events: none;
        position: absolute;
        width: 0;
        z-index: 15;
      }

      .form-group.errored .error:after,
      .form-group.errored .warning:after,
      .form-group.warn .error:after,
      .form-group.warn .warning:after {
        border-width: 5px;
      }

      .form-group.errored .error:before,
      .form-group.errored .warning:before,
      .form-group.warn .error:before,
      .form-group.warn .warning:before {
        border-width: 6px;
        margin-left: -1px;
      }

      .form-group.warn .warning {
        background-color: #fffbdd;
        border-color: #d9d0a5;
        color: #735c0f;
      }

      .form-group.warn .warning:after {
        border-bottom-color: #fffbdd;
      }

      .form-group.warn .warning:before {
        border-bottom-color: #d9d0a5;
      }

      .form-group.errored label {
        color: #cb2431;
      }

      .form-group.errored .error {
        background-color: #ffdce0;
        border-color: #cea0a5;
        color: #86181d;
      }

      .form-group.errored .error:after {
        border-bottom-color: #ffdce0;
      }

      .form-group.errored .error:before {
        border-bottom-color: #cea0a5;
      }

      .note {
        color: #586069;
        font-size: 12px;
        margin: 4px 0 2px;
        min-height: 17px;
      }

      .note .spinner {
        margin-right: 3px;
        vertical-align: middle;
      }

      dl.form-group > dd .form-control.is-autocheck-errored,
      dl.form-group > dd .form-control.is-autocheck-loading,
      dl.form-group > dd .form-control.is-autocheck-successful {
        padding-right: 30px;
      }

      dl.form-group > dd .form-control.is-autocheck-loading {
        background-image: url(/images/spinners/octocat-spinner-16px.gif);
      }

      dl.form-group > dd .form-control.is-autocheck-successful {
        background-image: url(/images/modules/ajax/success.png);
      }

      dl.form-group > dd .form-control.is-autocheck-errored {
        background-image: url(/images/modules/ajax/error.png);
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        dl.form-group > dd .form-control.is-autocheck-errored,
        dl.form-group > dd .form-control.is-autocheck-loading,
        dl.form-group > dd .form-control.is-autocheck-successful {
          background-size: 16px 16px;
        }

        dl.form-group > dd .form-control.is-autocheck-loading {
          background-image: url(/images/spinners/octocat-spinner-32.gif);
        }

        dl.form-group > dd .form-control.is-autocheck-successful {
          background-image: url(/images/modules/ajax/success@2x.png);
        }

        dl.form-group > dd .form-control.is-autocheck-errored {
          background-image: url(/images/modules/ajax/error@2x.png);
        }
      }

      .status-indicator {
        display: inline-block;
        height: 16px;
        margin-left: 5px;
        width: 16px;
      }

      .status-indicator .octicon {
        display: none;
      }

      .status-indicator-success:before {
        content: '';
      }

      .status-indicator-success .octicon-check {
        color: #28a745;
        display: inline-block;
        fill: #28a745;
      }

      .status-indicator-success .octicon-x {
        display: none;
      }

      .status-indicator-failed:before {
        content: '';
      }

      .status-indicator-failed .octicon-check {
        display: none;
      }

      .status-indicator-failed .octicon-x {
        color: #cb2431;
        display: inline-block;
        fill: #d73a49;
      }

      .status-indicator-loading {
        background: url(/images/spinners/octocat-spinner-32-EAF2F5.gif) 0 0
          no-repeat;
        background-size: 16px;
        width: 16px;
      }

      .inline-form {
        display: inline-block;
      }

      .inline-form .btn-plain {
        background-color: transparent;
        border: 0;
      }

      .drag-and-drop {
        background-color: #fafbfc;
        border: 1px solid #c3c8cf;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 0;
        color: #586069;
        font-size: 13px;
        line-height: 16px;
        margin: 0;
        padding: 7px 10px;
      }

      .drag-and-drop .default,
      .drag-and-drop .error,
      .drag-and-drop .loading {
        display: none;
      }

      .drag-and-drop .error {
        color: #cb2431;
      }

      .drag-and-drop img {
        vertical-align: top;
      }

      .is-bad-file .drag-and-drop .bad-file,
      .is-bad-permissions .drag-and-drop .bad-permissions,
      .is-default .drag-and-drop .default,
      .is-duplicate-filename .drag-and-drop .duplicate-filename,
      .is-empty .drag-and-drop .empty,
      .is-hidden-file .drag-and-drop .hidden-file,
      .is-repository-required .drag-and-drop .repository-required,
      .is-too-big .drag-and-drop .too-big,
      .is-uploading .drag-and-drop .loading {
        display: inline-block;
      }

      .drag-and-drop-error-info {
        color: #586069;
        font-weight: 400;
      }

      .drag-and-drop-error-info a {
        color: #0366d6;
      }

      .is-failed .drag-and-drop .failed-request {
        display: inline-block;
      }

      .manual-file-chooser {
        cursor: pointer;
        margin-left: -80px;
        opacity: 0.0001;
        padding: 5px;
        position: absolute;
        width: 240px;
      }

      .manual-file-chooser:hover + .manual-file-chooser-text {
        text-decoration: underline;
      }

      .btn .manual-file-chooser {
        line-height: 34px;
        padding: 0;
        top: 0;
      }

      .upload-enabled textarea {
        border-bottom: 1px dashed #dfe2e5;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: block;
      }

      .upload-enabled.focused {
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075),
          0 0 0 0.2em rgba(3, 102, 214, 0.3);
      }

      .upload-enabled.focused .form-control {
        box-shadow: none;
      }

      .upload-enabled.focused .drag-and-drop {
        border-color: #4a9eff;
      }

      .dragover .drag-and-drop,
      .dragover textarea {
        box-shadow: 0 0 3px #c9ff00;
      }

      .previewable-comment-form,
      .write-content {
        position: relative;
      }

      .previewable-comment-form .tabnav {
        padding: 8px 8px 0;
        position: relative;
      }

      .previewable-comment-form .comment {
        border: 1px solid #c3c8cf;
      }

      .previewable-comment-form .comment-form-error {
        margin-bottom: 8px;
      }

      .previewable-comment-form .preview-content,
      .previewable-comment-form .write-content {
        display: none;
        margin: 0 8px 8px;
      }

      .previewable-comment-form.preview-selected .preview-content,
      .previewable-comment-form.write-selected .write-content {
        display: block;
      }

      .previewable-comment-form textarea {
        display: block;
        max-height: 500px;
        min-height: 100px;
        padding: 8px;
        resize: vertical;
        width: 100%;
      }

      .form-action-spacious {
        margin-top: 10px;
      }

      div.composer {
        border: 0;
        margin-top: 0;
      }

      .composer .comment-form-textarea {
        height: 200px;
        min-height: 200px;
      }

      .composer .tabnav {
        margin: 0 0 10px;
      }

      h2.account {
        color: #586069;
        font-size: 18px;
        font-weight: 400;
        margin: 15px 0 0;
      }

      p.explain {
        color: #586069;
        font-size: 12px;
        position: relative;
      }

      p.explain strong {
        color: #24292e;
      }

      p.explain .octicon {
        color: #959da5;
        margin-right: 5px;
      }

      p.explain .minibutton {
        float: right;
        top: -4px;
      }

      .form-group label {
        position: static;
      }

      .input-group {
        display: table;
      }

      .input-group .form-control {
        position: relative;
        width: 100%;
      }

      .input-group .form-control:focus {
        z-index: 2;
      }

      .input-group .form-control + .btn {
        margin-left: 0;
      }

      .input-group.inline {
        display: inline-table;
      }

      .input-group-button,
      .input-group .form-control {
        display: table-cell;
      }

      .input-group-button {
        vertical-align: middle;
        width: 1%;
      }

      .input-group-button:first-child .btn,
      .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }

      .input-group-button:first-child .btn {
        margin-right: -1px;
      }

      .input-group-button:last-child .btn,
      .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }

      .input-group-button:last-child .btn {
        margin-left: -1px;
      }

      .container {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
      }

      .container:before {
        content: '';
        display: table;
      }

      .container:after {
        clear: both;
        content: '';
        display: table;
      }

      .container-sm {
        max-width: 544px;
      }

      .container-md,
      .container-sm {
        margin-left: auto;
        margin-right: auto;
      }

      .container-md {
        max-width: 768px;
      }

      .container-lg {
        max-width: 1012px;
      }

      .container-lg,
      .container-xl {
        margin-left: auto;
        margin-right: auto;
      }

      .container-xl {
        max-width: 1280px;
      }

      .columns {
        margin-left: -10px;
        margin-right: -10px;
      }

      .columns:before {
        content: '';
        display: table;
      }

      .columns:after {
        clear: both;
        content: '';
        display: table;
      }

      .column {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
      }

      .one-third {
        width: 33.333333%;
      }

      .two-thirds {
        width: 66.666667%;
      }

      .one-fourth {
        width: 25%;
      }

      .one-half {
        width: 50%;
      }

      .three-fourths {
        width: 75%;
      }

      .one-fifth {
        width: 20%;
      }

      .four-fifths {
        width: 80%;
      }

      .centered {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
      }

      .col-1 {
        width: 8.33333%;
      }

      .col-2 {
        width: 16.66667%;
      }

      .col-3 {
        width: 25%;
      }

      .col-4 {
        width: 33.33333%;
      }

      .col-5 {
        width: 41.66667%;
      }

      .col-6 {
        width: 50%;
      }

      .col-7 {
        width: 58.33333%;
      }

      .col-8 {
        width: 66.66667%;
      }

      .col-9 {
        width: 75%;
      }

      .col-10 {
        width: 83.33333%;
      }

      .col-11 {
        width: 91.66667%;
      }

      .col-12 {
        width: 100%;
      }

      @media (min-width: 544px) {
        .col-sm-1 {
          width: 8.33333%;
        }

        .col-sm-2 {
          width: 16.66667%;
        }

        .col-sm-3 {
          width: 25%;
        }

        .col-sm-4 {
          width: 33.33333%;
        }

        .col-sm-5 {
          width: 41.66667%;
        }

        .col-sm-6 {
          width: 50%;
        }

        .col-sm-7 {
          width: 58.33333%;
        }

        .col-sm-8 {
          width: 66.66667%;
        }

        .col-sm-9 {
          width: 75%;
        }

        .col-sm-10 {
          width: 83.33333%;
        }

        .col-sm-11 {
          width: 91.66667%;
        }

        .col-sm-12 {
          width: 100%;
        }
      }

      @media (min-width: 768px) {
        .col-md-1 {
          width: 8.33333%;
        }

        .col-md-2 {
          width: 16.66667%;
        }

        .col-md-3 {
          width: 25%;
        }

        .col-md-4 {
          width: 33.33333%;
        }

        .col-md-5 {
          width: 41.66667%;
        }

        .col-md-6 {
          width: 50%;
        }

        .col-md-7 {
          width: 58.33333%;
        }

        .col-md-8 {
          width: 66.66667%;
        }

        .col-md-9 {
          width: 75%;
        }

        .col-md-10 {
          width: 83.33333%;
        }

        .col-md-11 {
          width: 91.66667%;
        }

        .col-md-12 {
          width: 100%;
        }
      }

      @media (min-width: 1012px) {
        .col-lg-1 {
          width: 8.33333%;
        }

        .col-lg-2 {
          width: 16.66667%;
        }

        .col-lg-3 {
          width: 25%;
        }

        .col-lg-4 {
          width: 33.33333%;
        }

        .col-lg-5 {
          width: 41.66667%;
        }

        .col-lg-6 {
          width: 50%;
        }

        .col-lg-7 {
          width: 58.33333%;
        }

        .col-lg-8 {
          width: 66.66667%;
        }

        .col-lg-9 {
          width: 75%;
        }

        .col-lg-10 {
          width: 83.33333%;
        }

        .col-lg-11 {
          width: 91.66667%;
        }

        .col-lg-12 {
          width: 100%;
        }
      }

      @media (min-width: 1280px) {
        .col-xl-1 {
          width: 8.33333%;
        }

        .col-xl-2 {
          width: 16.66667%;
        }

        .col-xl-3 {
          width: 25%;
        }

        .col-xl-4 {
          width: 33.33333%;
        }

        .col-xl-5 {
          width: 41.66667%;
        }

        .col-xl-6 {
          width: 50%;
        }

        .col-xl-7 {
          width: 58.33333%;
        }

        .col-xl-8 {
          width: 66.66667%;
        }

        .col-xl-9 {
          width: 75%;
        }

        .col-xl-10 {
          width: 83.33333%;
        }

        .col-xl-11 {
          width: 91.66667%;
        }

        .col-xl-12 {
          width: 100%;
        }
      }

      .gutter {
        margin-left: -16px;
        margin-right: -16px;
      }

      .gutter > [class*='col-'] {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }

      .gutter-condensed {
        margin-left: -8px;
        margin-right: -8px;
      }

      .gutter-condensed > [class*='col-'] {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }

      .gutter-spacious {
        margin-left: -24px;
        margin-right: -24px;
      }

      .gutter-spacious > [class*='col-'] {
        padding-left: 24px !important;
        padding-right: 24px !important;
      }

      @media (min-width: 544px) {
        .gutter-sm {
          margin-left: -16px;
          margin-right: -16px;
        }

        .gutter-sm > [class*='col-'] {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }

        .gutter-sm-condensed {
          margin-left: -8px;
          margin-right: -8px;
        }

        .gutter-sm-condensed > [class*='col-'] {
          padding-left: 8px !important;
          padding-right: 8px !important;
        }

        .gutter-sm-spacious {
          margin-left: -24px;
          margin-right: -24px;
        }

        .gutter-sm-spacious > [class*='col-'] {
          padding-left: 24px !important;
          padding-right: 24px !important;
        }
      }

      @media (min-width: 768px) {
        .gutter-md {
          margin-left: -16px;
          margin-right: -16px;
        }

        .gutter-md > [class*='col-'] {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }

        .gutter-md-condensed {
          margin-left: -8px;
          margin-right: -8px;
        }

        .gutter-md-condensed > [class*='col-'] {
          padding-left: 8px !important;
          padding-right: 8px !important;
        }

        .gutter-md-spacious {
          margin-left: -24px;
          margin-right: -24px;
        }

        .gutter-md-spacious > [class*='col-'] {
          padding-left: 24px !important;
          padding-right: 24px !important;
        }
      }

      @media (min-width: 1012px) {
        .gutter-lg {
          margin-left: -16px;
          margin-right: -16px;
        }

        .gutter-lg > [class*='col-'] {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }

        .gutter-lg-condensed {
          margin-left: -8px;
          margin-right: -8px;
        }

        .gutter-lg-condensed > [class*='col-'] {
          padding-left: 8px !important;
          padding-right: 8px !important;
        }

        .gutter-lg-spacious {
          margin-left: -24px;
          margin-right: -24px;
        }

        .gutter-lg-spacious > [class*='col-'] {
          padding-left: 24px !important;
          padding-right: 24px !important;
        }
      }

      @media (min-width: 1280px) {
        .gutter-xl {
          margin-left: -16px;
          margin-right: -16px;
        }

        .gutter-xl > [class*='col-'] {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }

        .gutter-xl-condensed {
          margin-left: -8px;
          margin-right: -8px;
        }

        .gutter-xl-condensed > [class*='col-'] {
          padding-left: 8px !important;
          padding-right: 8px !important;
        }

        .gutter-xl-spacious {
          margin-left: -24px;
          margin-right: -24px;
        }

        .gutter-xl-spacious > [class*='col-'] {
          padding-left: 24px !important;
          padding-right: 24px !important;
        }
      }

      .offset-1 {
        margin-left: 8.33333% !important;
      }

      .offset-2 {
        margin-left: 16.66667% !important;
      }

      .offset-3 {
        margin-left: 25% !important;
      }

      .offset-4 {
        margin-left: 33.33333% !important;
      }

      .offset-5 {
        margin-left: 41.66667% !important;
      }

      .offset-6 {
        margin-left: 50% !important;
      }

      .offset-7 {
        margin-left: 58.33333% !important;
      }

      .offset-8 {
        margin-left: 66.66667% !important;
      }

      .offset-9 {
        margin-left: 75% !important;
      }

      .offset-10 {
        margin-left: 83.33333% !important;
      }

      .offset-11 {
        margin-left: 91.66667% !important;
      }

      @media (min-width: 544px) {
        .offset-sm-1 {
          margin-left: 8.33333% !important;
        }

        .offset-sm-2 {
          margin-left: 16.66667% !important;
        }

        .offset-sm-3 {
          margin-left: 25% !important;
        }

        .offset-sm-4 {
          margin-left: 33.33333% !important;
        }

        .offset-sm-5 {
          margin-left: 41.66667% !important;
        }

        .offset-sm-6 {
          margin-left: 50% !important;
        }

        .offset-sm-7 {
          margin-left: 58.33333% !important;
        }

        .offset-sm-8 {
          margin-left: 66.66667% !important;
        }

        .offset-sm-9 {
          margin-left: 75% !important;
        }

        .offset-sm-10 {
          margin-left: 83.33333% !important;
        }

        .offset-sm-11 {
          margin-left: 91.66667% !important;
        }
      }

      @media (min-width: 768px) {
        .offset-md-1 {
          margin-left: 8.33333% !important;
        }

        .offset-md-2 {
          margin-left: 16.66667% !important;
        }

        .offset-md-3 {
          margin-left: 25% !important;
        }

        .offset-md-4 {
          margin-left: 33.33333% !important;
        }

        .offset-md-5 {
          margin-left: 41.66667% !important;
        }

        .offset-md-6 {
          margin-left: 50% !important;
        }

        .offset-md-7 {
          margin-left: 58.33333% !important;
        }

        .offset-md-8 {
          margin-left: 66.66667% !important;
        }

        .offset-md-9 {
          margin-left: 75% !important;
        }

        .offset-md-10 {
          margin-left: 83.33333% !important;
        }

        .offset-md-11 {
          margin-left: 91.66667% !important;
        }
      }

      @media (min-width: 1012px) {
        .offset-lg-1 {
          margin-left: 8.33333% !important;
        }

        .offset-lg-2 {
          margin-left: 16.66667% !important;
        }

        .offset-lg-3 {
          margin-left: 25% !important;
        }

        .offset-lg-4 {
          margin-left: 33.33333% !important;
        }

        .offset-lg-5 {
          margin-left: 41.66667% !important;
        }

        .offset-lg-6 {
          margin-left: 50% !important;
        }

        .offset-lg-7 {
          margin-left: 58.33333% !important;
        }

        .offset-lg-8 {
          margin-left: 66.66667% !important;
        }

        .offset-lg-9 {
          margin-left: 75% !important;
        }

        .offset-lg-10 {
          margin-left: 83.33333% !important;
        }

        .offset-lg-11 {
          margin-left: 91.66667% !important;
        }
      }

      @media (min-width: 1280px) {
        .offset-xl-1 {
          margin-left: 8.33333% !important;
        }

        .offset-xl-2 {
          margin-left: 16.66667% !important;
        }

        .offset-xl-3 {
          margin-left: 25% !important;
        }

        .offset-xl-4 {
          margin-left: 33.33333% !important;
        }

        .offset-xl-5 {
          margin-left: 41.66667% !important;
        }

        .offset-xl-6 {
          margin-left: 50% !important;
        }

        .offset-xl-7 {
          margin-left: 58.33333% !important;
        }

        .offset-xl-8 {
          margin-left: 66.66667% !important;
        }

        .offset-xl-9 {
          margin-left: 75% !important;
        }

        .offset-xl-10 {
          margin-left: 83.33333% !important;
        }

        .offset-xl-11 {
          margin-left: 91.66667% !important;
        }
      }

      .menu {
        background-color: #fff;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        list-style: none;
        margin-bottom: 15px;
      }

      .menu-item {
        border-bottom: 1px solid #e1e4e8;
        display: block;
        padding: 8px 10px;
        position: relative;
      }

      .menu-item:first-child {
        border-top: 0;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
      }

      .menu-item:first-child:before {
        border-top-left-radius: 2px;
      }

      .menu-item:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
      }

      .menu-item:last-child:before {
        border-bottom-left-radius: 2px;
      }

      .menu-item:hover {
        background-color: #f6f8fa;
        text-decoration: none;
      }

      .menu-item.selected {
        background-color: #fff;
        color: #24292e;
        cursor: default;
        font-weight: 600;
      }

      .menu-item.selected:before {
        background-color: #e36209;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        width: 2px;
      }

      .menu-item .octicon {
        color: #24292e;
        margin-right: 5px;
        text-align: center;
        width: 16px;
      }

      .menu-item .Counter {
        float: right;
        margin-left: 5px;
      }

      .menu-item .menu-warning {
        color: #86181d;
        float: right;
      }

      .menu-item .avatar {
        float: left;
        margin-right: 5px;
      }

      .menu-item.alert .Counter {
        color: #cb2431;
      }

      .menu-heading {
        background-color: #f3f5f8;
        border-bottom: 1px solid #e1e4e8;
        color: #586069;
        display: block;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 8px 10px;
      }

      .menu-heading:hover {
        text-decoration: none;
      }

      .menu-heading:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
      }

      .menu-heading:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
      }

      .tabnav {
        border-bottom: 1px solid #d1d5da;
        margin-bottom: 15px;
        margin-top: 0;
      }

      .tabnav .Counter {
        margin-left: 5px;
      }

      .tabnav-tabs {
        margin-bottom: -1px;
      }

      .tabnav-tab {
        background-color: transparent;
        border: 1px solid transparent;
        border-bottom: 0;
        color: #586069;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        padding: 8px 12px;
        text-decoration: none;
      }

      .tabnav-tab.selected {
        background-color: #fff;
        border-color: #d1d5da;
        border-radius: 3px 3px 0 0;
        color: #24292e;
      }

      .tabnav-tab:focus,
      .tabnav-tab:hover {
        color: #24292e;
        text-decoration: none;
      }

      .tabnav-extra {
        color: #586069;
        display: inline-block;
        font-size: 12px;
        margin-left: 10px;
        padding-top: 10px;
      }

      .tabnav-extra > .octicon {
        margin-right: 2px;
      }

      a.tabnav-extra:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .tabnav-btn {
        margin-left: 10px;
      }

      .filter-list {
        list-style-type: none;
      }

      .filter-list.small .filter-item {
        font-size: 12px;
        margin: 0 0 2px;
        padding: 4px 10px;
      }

      .filter-list.pjax-active .filter-item {
        background-color: transparent;
        color: #586069;
      }

      .filter-list.pjax-active .filter-item.pjax-active {
        background-color: #0366d6;
        color: #fff;
      }

      .filter-item {
        border-radius: 3px;
        color: #586069;
        cursor: pointer;
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 8px 10px;
        position: relative;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .filter-item:hover {
        background-color: #eaecef;
        text-decoration: none;
      }

      .filter-item.selected {
        background-color: #0366d6;
        color: #fff;
      }

      .filter-item .count {
        float: right;
        font-weight: 600;
      }

      .filter-item .bar {
        background-color: #eff3f6;
        bottom: 2px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 2px;
        z-index: -1;
      }

      .subnav {
        margin-bottom: 20px;
      }

      .subnav:before {
        content: '';
        display: table;
      }

      .subnav:after {
        clear: both;
        content: '';
        display: table;
      }

      .subnav-bordered {
        border-bottom: 1px solid #eaecef;
        padding-bottom: 20px;
      }

      .subnav-flush {
        margin-bottom: 0;
      }

      .subnav-item {
        border: 1px solid #e1e4e8;
        color: #586069;
        float: left;
        font-weight: 600;
        line-height: 20px;
        padding: 6px 14px;
        position: relative;
      }

      .subnav-item + .subnav-item {
        margin-left: -1px;
      }

      .subnav-item:focus,
      .subnav-item:hover {
        background-color: #f6f8fa;
        text-decoration: none;
      }

      .subnav-item.selected,
      .subnav-item.selected:focus,
      .subnav-item.selected:hover {
        background-color: #0366d6;
        border-color: #0366d6;
        color: #fff;
        z-index: 2;
      }

      .subnav-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }

      .subnav-item:last-child {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
      }

      .subnav-search {
        margin-left: 10px;
        position: relative;
      }

      .subnav-search-input {
        color: #586069;
        padding-left: 30px;
        width: 320px;
      }

      .subnav-search-input-wide {
        width: 500px;
      }

      .subnav-search-icon {
        color: #c6cbd1;
        display: block;
        left: 8px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 9px;
      }

      .subnav-search-context .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        color: #444d56;
      }

      .subnav-search-context .btn.selected,
      .subnav-search-context .btn:active,
      .subnav-search-context .btn:focus,
      .subnav-search-context .btn:hover {
        z-index: 2;
      }

      .subnav-search-context + .subnav-search {
        margin-left: -1px;
      }

      .subnav-search-context + .subnav-search .subnav-search-input {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }

      .subnav-search-context .select-menu-modal-holder {
        z-index: 30;
      }

      .subnav-search-context .select-menu-modal {
        width: 220px;
      }

      .subnav-search-context .select-menu-item-icon {
        color: inherit;
      }

      .subnav-spacer-right {
        padding-right: 10px;
      }

      .UnderlineNav {
        border-bottom: 1px solid #e1e4e8;
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        overflow-y: hidden;
      }

      .UnderlineNav-body {
        display: flex;
      }

      .UnderlineNav-item {
        border-bottom: 2px solid transparent;
        color: #586069;
        font-size: 14px;
        line-height: 1.5;
        margin-right: 16px;
        padding: 16px 8px;
        text-align: center;
      }

      .UnderlineNav-item:focus,
      .UnderlineNav-item:hover {
        border-bottom-color: #d1d5da;
        color: #24292e;
        text-decoration: none;
        transition: 0.2s ease;
      }

      .UnderlineNav-item:focus .UnderlineNav-octicon,
      .UnderlineNav-item:hover .UnderlineNav-octicon {
        color: #6a737d;
      }

      .UnderlineNav-item.selected {
        border-bottom-color: #e36209;
        color: #24292e;
        font-weight: 600;
      }

      .UnderlineNav-item.selected .UnderlineNav-octicon {
        color: #6a737d;
      }

      .UnderlineNav--right {
        justify-content: flex-end;
      }

      .UnderlineNav--right .UnderlineNav-item {
        margin-left: 16px;
        margin-right: 0;
      }

      .UnderlineNav--right .UnderlineNav-actions {
        flex: 1 1 auto;
      }

      .UnderlineNav-actions {
        align-self: center;
      }

      .UnderlineNav--full {
        display: block;
      }

      .UnderlineNav-octicon {
        color: #959da5;
      }

      .UnderlineNav-container {
        display: flex;
        justify-content: space-between;
      }

      .pagination:before {
        content: '';
        display: table;
      }

      .pagination:after {
        clear: both;
        content: '';
        display: table;
      }

      .pagination a,
      .pagination em,
      .pagination span {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        background: #fff;
        border: 1px solid #e1e4e8;
        color: #0366d6;
        cursor: pointer;
        float: left;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        margin-left: -1px;
        padding: 7px 12px;
        position: relative;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
      }

      .pagination a:first-child,
      .pagination em:first-child,
      .pagination span:first-child {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
      }

      .pagination a:last-child,
      .pagination em:last-child,
      .pagination span:last-child {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
      }

      .pagination a:focus,
      .pagination a:hover,
      .pagination em:focus,
      .pagination em:hover,
      .pagination span:focus,
      .pagination span:hover {
        background-color: #eff3f6;
        border-color: #e1e4e8;
        text-decoration: none;
        z-index: 2;
      }

      .pagination .selected {
        z-index: 3;
      }

      .pagination .current,
      .pagination .current:hover {
        background-color: #0366d6;
        border-color: #0366d6;
        color: #fff;
        z-index: 3;
      }

      .pagination .disabled,
      .pagination .disabled:hover,
      .pagination .gap,
      .pagination .gap:hover {
        background-color: #fafbfc;
        color: #d1d5da;
        cursor: default;
      }

      .paginate-container {
        margin-bottom: 15px;
        margin-top: 20px;
        text-align: center;
      }

      .paginate-container .pagination {
        display: inline-block;
      }

      .tooltipped {
        position: relative;
      }

      .tooltipped:after {
        -webkit-font-smoothing: subpixel-antialiased;
        background: #1b1f23;
        border-radius: 3px;
        color: #fff;
        content: attr(aria-label);
        display: none;
        font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, Segoe UI,
          Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
          Segoe UI Symbol;
        letter-spacing: normal;
        opacity: 0;
        padding: 0.5em 0.75em;
        pointer-events: none;
        position: absolute;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: pre;
        word-wrap: break-word;
        z-index: 1000000;
      }

      .tooltipped:before {
        border: 6px solid transparent;
        color: #1b1f23;
        content: '';
        display: none;
        height: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        width: 0;
        z-index: 1000001;
      }

      @keyframes tooltip-appear {
        0% {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .tooltipped:active:after,
      .tooltipped:active:before,
      .tooltipped:focus:after,
      .tooltipped:focus:before,
      .tooltipped:hover:after,
      .tooltipped:hover:before {
        animation-delay: 0.4s;
        animation-duration: 0.1s;
        animation-fill-mode: forwards;
        animation-name: tooltip-appear;
        animation-timing-function: ease-in;
        display: inline-block;
        text-decoration: none;
      }

      .tooltipped-no-delay:active:after,
      .tooltipped-no-delay:active:before,
      .tooltipped-no-delay:focus:after,
      .tooltipped-no-delay:focus:before,
      .tooltipped-no-delay:hover:after,
      .tooltipped-no-delay:hover:before {
        animation-delay: 0s;
      }

      .tooltipped-multiline:active:after,
      .tooltipped-multiline:focus:after,
      .tooltipped-multiline:hover:after {
        display: table-cell;
      }

      .tooltipped-s:after,
      .tooltipped-se:after,
      .tooltipped-sw:after {
        margin-top: 6px;
        right: 50%;
        top: 100%;
      }

      .tooltipped-s:before,
      .tooltipped-se:before,
      .tooltipped-sw:before {
        border-bottom-color: #1b1f23;
        bottom: -7px;
        margin-right: -6px;
        right: 50%;
        top: auto;
      }

      .tooltipped-se:after {
        left: 50%;
        margin-left: -16px;
        right: auto;
      }

      .tooltipped-sw:after {
        margin-right: -16px;
      }

      .tooltipped-n:after,
      .tooltipped-ne:after,
      .tooltipped-nw:after {
        bottom: 100%;
        margin-bottom: 6px;
        right: 50%;
      }

      .tooltipped-n:before,
      .tooltipped-ne:before,
      .tooltipped-nw:before {
        border-top-color: #1b1f23;
        bottom: auto;
        margin-right: -6px;
        right: 50%;
        top: -7px;
      }

      .tooltipped-ne:after {
        left: 50%;
        margin-left: -16px;
        right: auto;
      }

      .tooltipped-nw:after {
        margin-right: -16px;
      }

      .tooltipped-n:after,
      .tooltipped-s:after {
        transform: translateX(50%);
      }

      .tooltipped-w:after {
        bottom: 50%;
        margin-right: 6px;
        right: 100%;
        transform: translateY(50%);
      }

      .tooltipped-w:before {
        border-left-color: #1b1f23;
        bottom: 50%;
        left: -7px;
        margin-top: -6px;
        top: 50%;
      }

      .tooltipped-e:after {
        bottom: 50%;
        left: 100%;
        margin-left: 6px;
        transform: translateY(50%);
      }

      .tooltipped-e:before {
        border-right-color: #1b1f23;
        bottom: 50%;
        margin-top: -6px;
        right: -7px;
        top: 50%;
      }

      .tooltipped-align-right-1:after,
      .tooltipped-align-right-2:after {
        margin-right: 0;
        right: 0;
      }

      .tooltipped-align-right-1:before {
        right: 10px;
      }

      .tooltipped-align-right-2:before {
        right: 15px;
      }

      .tooltipped-align-left-1:after,
      .tooltipped-align-left-2:after {
        left: 0;
        margin-left: 0;
      }

      .tooltipped-align-left-1:before {
        left: 5px;
      }

      .tooltipped-align-left-2:before {
        left: 10px;
      }

      .tooltipped-multiline:after {
        border-collapse: separate;
        max-width: 250px;
        white-space: pre-line;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        word-wrap: break-word;
      }

      .tooltipped-multiline.tooltipped-n:after,
      .tooltipped-multiline.tooltipped-s:after {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
      }

      .tooltipped-multiline.tooltipped-e:after,
      .tooltipped-multiline.tooltipped-w:after {
        right: 100%;
      }

      @media screen and (min-width: 0\0) {
        .tooltipped-multiline:after {
          width: 250px;
        }
      }

      .tooltipped-sticky:after,
      .tooltipped-sticky:before {
        display: inline-block;
      }

      .tooltipped-sticky.tooltipped-multiline:after {
        display: table-cell;
      }

      .css-truncate.css-truncate-target,
      .css-truncate .css-truncate-target {
        display: inline-block;
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
      }

      .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,
      .css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,
      .css-truncate.expandable:hover.css-truncate-target,
      .css-truncate.expandable:hover .css-truncate-target {
        max-width: 10000px !important;
      }

      .anim-fade-in {
        animation-duration: 1s;
        animation-name: fade-in;
        animation-timing-function: ease-in-out;
      }

      .anim-fade-in.fast {
        animation-duration: 0.3s;
      }

      @keyframes fade-in {
        0% {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .anim-fade-out {
        animation-duration: 1s;
        animation-name: fade-out;
        animation-timing-function: ease-out;
      }

      .anim-fade-out.fast {
        animation-duration: 0.3s;
      }

      @keyframes fade-out {
        0% {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      .anim-fade-up {
        animation-delay: 1s;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        animation-name: fade-up;
        animation-timing-function: ease-out;
        opacity: 0;
      }

      @keyframes fade-up {
        0% {
          opacity: 0.8;
          transform: translateY(100%);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .anim-fade-down {
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        animation-name: fade-down;
        animation-timing-function: ease-in;
      }

      @keyframes fade-down {
        0% {
          opacity: 1;
          transform: translateY(0);
        }

        to {
          opacity: 0.5;
          transform: translateY(100%);
        }
      }

      .anim-grow-x {
        animation-delay: 0.5s;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        animation-name: grow-x;
        animation-timing-function: ease;
        width: 0;
      }

      @keyframes grow-x {
        to {
          width: 100%;
        }
      }

      .anim-shrink-x {
        animation-delay: 0.5s;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        animation-name: shrink-x;
        animation-timing-function: ease-in-out;
      }

      @keyframes shrink-x {
        to {
          width: 0;
        }
      }

      .anim-scale-in {
        animation-duration: 0.15s;
        animation-name: scale-in;
        animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
      }

      @keyframes scale-in {
        0% {
          opacity: 0;
          transform: scale(0.5);
        }

        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      .anim-pulse {
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: pulse;
        animation-timing-function: linear;
      }

      @keyframes pulse {
        0% {
          opacity: 0.3;
        }

        10% {
          opacity: 1;
        }

        to {
          opacity: 0.3;
        }
      }

      .anim-pulse-in {
        animation-duration: 0.5s;
        animation-name: pulse-in;
      }

      @keyframes pulse-in {
        0% {
          transform: scaleX(1);
        }

        50% {
          transform: scale3d(1.1, 1.1, 1.1);
        }

        to {
          transform: scaleX(1);
        }
      }

      .hover-grow {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform 0.3s;
      }

      .hover-grow:hover {
        transform: scale(1.025);
      }

      .border {
        border: 1px solid #e1e4e8 !important;
      }

      .border-y {
        border-bottom: 1px solid #e1e4e8 !important;
        border-top: 1px solid #e1e4e8 !important;
      }

      .border-0 {
        border: 0 !important;
      }

      .border-dashed {
        border-style: dashed !important;
      }

      .border-top {
        border-top: 1px solid #e1e4e8 !important;
      }

      .border-right {
        border-right: 1px solid #e1e4e8 !important;
      }

      .border-bottom {
        border-bottom: 1px solid #e1e4e8 !important;
      }

      .border-left {
        border-left: 1px solid #e1e4e8 !important;
      }

      .border-top-0 {
        border-top: 0 !important;
      }

      .border-right-0 {
        border-right: 0 !important;
      }

      .border-bottom-0 {
        border-bottom: 0 !important;
      }

      .border-left-0 {
        border-left: 0 !important;
      }

      .rounded-0 {
        border-radius: 0 !important;
      }

      .rounded-1 {
        border-radius: 3px !important;
      }

      .rounded-2 {
        border-radius: 6px !important;
      }

      .rounded-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
      }

      .rounded-top-1 {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
      }

      .rounded-top-2 {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
      }

      .rounded-right-0 {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
      }

      .rounded-right-1 {
        border-bottom-right-radius: 3px !important;
        border-top-right-radius: 3px !important;
      }

      .rounded-right-2 {
        border-bottom-right-radius: 6px !important;
        border-top-right-radius: 6px !important;
      }

      .rounded-bottom-0 {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
      }

      .rounded-bottom-1 {
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
      }

      .rounded-bottom-2 {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
      }

      .rounded-left-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
      }

      .rounded-left-1 {
        border-bottom-left-radius: 3px !important;
        border-top-left-radius: 3px !important;
      }

      .rounded-left-2 {
        border-bottom-left-radius: 6px !important;
        border-top-left-radius: 6px !important;
      }

      @media (min-width: 544px) {
        .border-sm-top {
          border-top: 1px solid #e1e4e8 !important;
        }

        .border-sm-right {
          border-right: 1px solid #e1e4e8 !important;
        }

        .border-sm-bottom {
          border-bottom: 1px solid #e1e4e8 !important;
        }

        .border-sm-left {
          border-left: 1px solid #e1e4e8 !important;
        }

        .border-sm-top-0 {
          border-top: 0 !important;
        }

        .border-sm-right-0 {
          border-right: 0 !important;
        }

        .border-sm-bottom-0 {
          border-bottom: 0 !important;
        }

        .border-sm-left-0 {
          border-left: 0 !important;
        }

        .rounded-sm-0 {
          border-radius: 0 !important;
        }

        .rounded-sm-1 {
          border-radius: 3px !important;
        }

        .rounded-sm-2 {
          border-radius: 6px !important;
        }

        .rounded-sm-top-0 {
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-sm-top-1 {
          border-top-left-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-sm-top-2 {
          border-top-left-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-sm-right-0 {
          border-bottom-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-sm-right-1 {
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-sm-right-2 {
          border-bottom-right-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-sm-bottom-0 {
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
        }

        .rounded-sm-bottom-1 {
          border-bottom-left-radius: 3px !important;
          border-bottom-right-radius: 3px !important;
        }

        .rounded-sm-bottom-2 {
          border-bottom-left-radius: 6px !important;
          border-bottom-right-radius: 6px !important;
        }

        .rounded-sm-left-0 {
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
        }

        .rounded-sm-left-1 {
          border-bottom-left-radius: 3px !important;
          border-top-left-radius: 3px !important;
        }

        .rounded-sm-left-2 {
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
        }
      }

      @media (min-width: 768px) {
        .border-md-top {
          border-top: 1px solid #e1e4e8 !important;
        }

        .border-md-right {
          border-right: 1px solid #e1e4e8 !important;
        }

        .border-md-bottom {
          border-bottom: 1px solid #e1e4e8 !important;
        }

        .border-md-left {
          border-left: 1px solid #e1e4e8 !important;
        }

        .border-md-top-0 {
          border-top: 0 !important;
        }

        .border-md-right-0 {
          border-right: 0 !important;
        }

        .border-md-bottom-0 {
          border-bottom: 0 !important;
        }

        .border-md-left-0 {
          border-left: 0 !important;
        }

        .rounded-md-0 {
          border-radius: 0 !important;
        }

        .rounded-md-1 {
          border-radius: 3px !important;
        }

        .rounded-md-2 {
          border-radius: 6px !important;
        }

        .rounded-md-top-0 {
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-md-top-1 {
          border-top-left-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-md-top-2 {
          border-top-left-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-md-right-0 {
          border-bottom-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-md-right-1 {
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-md-right-2 {
          border-bottom-right-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-md-bottom-0 {
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
        }

        .rounded-md-bottom-1 {
          border-bottom-left-radius: 3px !important;
          border-bottom-right-radius: 3px !important;
        }

        .rounded-md-bottom-2 {
          border-bottom-left-radius: 6px !important;
          border-bottom-right-radius: 6px !important;
        }

        .rounded-md-left-0 {
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
        }

        .rounded-md-left-1 {
          border-bottom-left-radius: 3px !important;
          border-top-left-radius: 3px !important;
        }

        .rounded-md-left-2 {
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
        }
      }

      @media (min-width: 1012px) {
        .border-lg-top {
          border-top: 1px solid #e1e4e8 !important;
        }

        .border-lg-right {
          border-right: 1px solid #e1e4e8 !important;
        }

        .border-lg-bottom {
          border-bottom: 1px solid #e1e4e8 !important;
        }

        .border-lg-left {
          border-left: 1px solid #e1e4e8 !important;
        }

        .border-lg-top-0 {
          border-top: 0 !important;
        }

        .border-lg-right-0 {
          border-right: 0 !important;
        }

        .border-lg-bottom-0 {
          border-bottom: 0 !important;
        }

        .border-lg-left-0 {
          border-left: 0 !important;
        }

        .rounded-lg-0 {
          border-radius: 0 !important;
        }

        .rounded-lg-1 {
          border-radius: 3px !important;
        }

        .rounded-lg-2 {
          border-radius: 6px !important;
        }

        .rounded-lg-top-0 {
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-lg-top-1 {
          border-top-left-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-lg-top-2 {
          border-top-left-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-lg-right-0 {
          border-bottom-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-lg-right-1 {
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-lg-right-2 {
          border-bottom-right-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-lg-bottom-0 {
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
        }

        .rounded-lg-bottom-1 {
          border-bottom-left-radius: 3px !important;
          border-bottom-right-radius: 3px !important;
        }

        .rounded-lg-bottom-2 {
          border-bottom-left-radius: 6px !important;
          border-bottom-right-radius: 6px !important;
        }

        .rounded-lg-left-0 {
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
        }

        .rounded-lg-left-1 {
          border-bottom-left-radius: 3px !important;
          border-top-left-radius: 3px !important;
        }

        .rounded-lg-left-2 {
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
        }
      }

      @media (min-width: 1280px) {
        .border-xl-top {
          border-top: 1px solid #e1e4e8 !important;
        }

        .border-xl-right {
          border-right: 1px solid #e1e4e8 !important;
        }

        .border-xl-bottom {
          border-bottom: 1px solid #e1e4e8 !important;
        }

        .border-xl-left {
          border-left: 1px solid #e1e4e8 !important;
        }

        .border-xl-top-0 {
          border-top: 0 !important;
        }

        .border-xl-right-0 {
          border-right: 0 !important;
        }

        .border-xl-bottom-0 {
          border-bottom: 0 !important;
        }

        .border-xl-left-0 {
          border-left: 0 !important;
        }

        .rounded-xl-0 {
          border-radius: 0 !important;
        }

        .rounded-xl-1 {
          border-radius: 3px !important;
        }

        .rounded-xl-2 {
          border-radius: 6px !important;
        }

        .rounded-xl-top-0 {
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-xl-top-1 {
          border-top-left-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-xl-top-2 {
          border-top-left-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-xl-right-0 {
          border-bottom-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .rounded-xl-right-1 {
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
        }

        .rounded-xl-right-2 {
          border-bottom-right-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }

        .rounded-xl-bottom-0 {
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
        }

        .rounded-xl-bottom-1 {
          border-bottom-left-radius: 3px !important;
          border-bottom-right-radius: 3px !important;
        }

        .rounded-xl-bottom-2 {
          border-bottom-left-radius: 6px !important;
          border-bottom-right-radius: 6px !important;
        }

        .rounded-xl-left-0 {
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
        }

        .rounded-xl-left-1 {
          border-bottom-left-radius: 3px !important;
          border-top-left-radius: 3px !important;
        }

        .rounded-xl-left-2 {
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
        }
      }

      .circle {
        border-radius: 50% !important;
      }

      .border-blue {
        border-color: #0366d6 !important;
      }

      .border-blue-light {
        border-color: #c8e1ff !important;
      }

      .border-green {
        border-color: #34d058 !important;
      }

      .border-green-light {
        border-color: #a2cbac !important;
      }

      .border-red {
        border-color: #d73a49 !important;
      }

      .border-red-light {
        border-color: #cea0a5 !important;
      }

      .border-purple {
        border-color: #6f42c1 !important;
      }

      .border-yellow {
        border-color: #d9d0a5 !important;
      }

      .border-gray-light {
        border-color: #eaecef !important;
      }

      .border-gray-dark {
        border-color: #d1d5da !important;
      }

      .border-black-fade {
        border-color: rgba(27, 31, 35, 0.15) !important;
      }

      .border-white-fade,
      .border-white-fade-15 {
        border-color: hsla(0, 0%, 100%, 0.15) !important;
      }

      .border-white-fade-30 {
        border-color: hsla(0, 0%, 100%, 0.3) !important;
      }

      .border-white-fade-50 {
        border-color: hsla(0, 0%, 100%, 0.5) !important;
      }

      .border-white-fade-70 {
        border-color: hsla(0, 0%, 100%, 0.7) !important;
      }

      .border-white-fade-85 {
        border-color: hsla(0, 0%, 100%, 0.85) !important;
      }

      .box-shadow {
        box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important;
      }

      .box-shadow-medium {
        box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important;
      }

      .box-shadow-large {
        box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important;
      }

      .box-shadow-extra-large {
        box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important;
      }

      .box-shadow-none {
        box-shadow: none !important;
      }

      .bg-white {
        background-color: #fff !important;
      }

      .bg-blue {
        background-color: #0366d6 !important;
      }

      .bg-blue-light {
        background-color: #f1f8ff !important;
      }

      .bg-gray-dark {
        background-color: #24292e !important;
      }

      .bg-gray {
        background-color: #f6f8fa !important;
      }

      .bg-gray-light {
        background-color: #fafbfc !important;
      }

      .bg-green {
        background-color: #28a745 !important;
      }

      .bg-green-light {
        background-color: #dcffe4 !important;
      }

      .bg-red {
        background-color: #d73a49 !important;
      }

      .bg-red-light {
        background-color: #ffdce0 !important;
      }

      .bg-yellow {
        background-color: #ffd33d !important;
      }

      .bg-yellow-light {
        background-color: #fff5b1 !important;
      }

      .bg-purple {
        background-color: #6f42c1 !important;
      }

      .bg-purple-light {
        background-color: #f5f0ff !important;
      }

      .bg-shade-gradient {
        background-image: linear-gradient(
          180deg,
          rgba(27, 31, 35, 0.065),
          rgba(27, 31, 35, 0)
        ) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 200px !important;
      }

      .text-blue {
        color: #0366d6 !important;
      }

      .text-red {
        color: #cb2431 !important;
      }

      .text-gray-light {
        color: #6a737d !important;
      }

      .text-gray {
        color: #586069 !important;
      }

      .text-gray-dark {
        color: #24292e !important;
      }

      .text-green {
        color: #28a745 !important;
      }

      .text-orange {
        color: #a04100 !important;
      }

      .text-orange-light {
        color: #e36209 !important;
      }

      .text-purple {
        color: #6f42c1 !important;
      }

      .text-white {
        color: #fff !important;
      }

      .text-inherit {
        color: inherit !important;
      }

      .text-pending {
        color: #b08800 !important;
      }

      .bg-pending {
        color: #dbab09 !important;
      }

      .link-gray {
        color: #586069 !important;
      }

      .link-gray:hover {
        color: #0366d6 !important;
      }

      .link-gray-dark {
        color: #24292e !important;
      }

      .link-gray-dark:hover {
        color: #0366d6 !important;
      }

      .link-hover-blue:hover {
        color: #0366d6 !important;
      }

      .muted-link {
        color: #586069 !important;
      }

      .muted-link:hover {
        color: #0366d6 !important;
        text-decoration: none;
      }

      .details-overlay[open] > summary:before {
        background: transparent;
        bottom: 0;
        content: ' ';
        cursor: default;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 80;
      }

      .details-overlay-dark[open] > summary:before {
        background: rgba(27, 31, 35, 0.5);
        z-index: 99;
      }

      .flex-row {
        flex-direction: row !important;
      }

      .flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .flex-column {
        flex-direction: column !important;
      }

      .flex-wrap {
        flex-wrap: wrap !important;
      }

      .flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .flex-justify-start {
        justify-content: flex-start !important;
      }

      .flex-justify-end {
        justify-content: flex-end !important;
      }

      .flex-justify-center {
        justify-content: center !important;
      }

      .flex-justify-between {
        justify-content: space-between !important;
      }

      .flex-justify-around {
        justify-content: space-around !important;
      }

      .flex-items-start {
        align-items: flex-start !important;
      }

      .flex-items-end {
        align-items: flex-end !important;
      }

      .flex-items-center {
        align-items: center !important;
      }

      .flex-items-baseline {
        align-items: baseline !important;
      }

      .flex-items-stretch {
        align-items: stretch !important;
      }

      .flex-content-start {
        align-content: flex-start !important;
      }

      .flex-content-end {
        align-content: flex-end !important;
      }

      .flex-content-center {
        align-content: center !important;
      }

      .flex-content-between {
        align-content: space-between !important;
      }

      .flex-content-around {
        align-content: space-around !important;
      }

      .flex-content-stretch {
        align-content: stretch !important;
      }

      .flex-auto {
        flex: 1 1 auto !important;
      }

      .flex-shrink-0 {
        flex-shrink: 0 !important;
      }

      .flex-self-auto {
        align-self: auto !important;
      }

      .flex-self-start {
        align-self: flex-start !important;
      }

      .flex-self-end {
        align-self: flex-end !important;
      }

      .flex-self-center {
        align-self: center !important;
      }

      .flex-self-baseline {
        align-self: baseline !important;
      }

      .flex-self-stretch {
        align-self: stretch !important;
      }

      .flex-item-equal {
        flex-basis: 0;
        flex-grow: 1;
      }

      @media (min-width: 544px) {
        .flex-sm-row {
          flex-direction: row !important;
        }

        .flex-sm-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-sm-column {
          flex-direction: column !important;
        }

        .flex-sm-wrap {
          flex-wrap: wrap !important;
        }

        .flex-sm-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-sm-justify-start {
          justify-content: flex-start !important;
        }

        .flex-sm-justify-end {
          justify-content: flex-end !important;
        }

        .flex-sm-justify-center {
          justify-content: center !important;
        }

        .flex-sm-justify-between {
          justify-content: space-between !important;
        }

        .flex-sm-justify-around {
          justify-content: space-around !important;
        }

        .flex-sm-items-start {
          align-items: flex-start !important;
        }

        .flex-sm-items-end {
          align-items: flex-end !important;
        }

        .flex-sm-items-center {
          align-items: center !important;
        }

        .flex-sm-items-baseline {
          align-items: baseline !important;
        }

        .flex-sm-items-stretch {
          align-items: stretch !important;
        }

        .flex-sm-content-start {
          align-content: flex-start !important;
        }

        .flex-sm-content-end {
          align-content: flex-end !important;
        }

        .flex-sm-content-center {
          align-content: center !important;
        }

        .flex-sm-content-between {
          align-content: space-between !important;
        }

        .flex-sm-content-around {
          align-content: space-around !important;
        }

        .flex-sm-content-stretch {
          align-content: stretch !important;
        }

        .flex-sm-auto {
          flex: 1 1 auto !important;
        }

        .flex-sm-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-sm-self-auto {
          align-self: auto !important;
        }

        .flex-sm-self-start {
          align-self: flex-start !important;
        }

        .flex-sm-self-end {
          align-self: flex-end !important;
        }

        .flex-sm-self-center {
          align-self: center !important;
        }

        .flex-sm-self-baseline {
          align-self: baseline !important;
        }

        .flex-sm-self-stretch {
          align-self: stretch !important;
        }

        .flex-sm-item-equal {
          flex-basis: 0;
          flex-grow: 1;
        }
      }

      @media (min-width: 768px) {
        .flex-md-row {
          flex-direction: row !important;
        }

        .flex-md-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-md-column {
          flex-direction: column !important;
        }

        .flex-md-wrap {
          flex-wrap: wrap !important;
        }

        .flex-md-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-md-justify-start {
          justify-content: flex-start !important;
        }

        .flex-md-justify-end {
          justify-content: flex-end !important;
        }

        .flex-md-justify-center {
          justify-content: center !important;
        }

        .flex-md-justify-between {
          justify-content: space-between !important;
        }

        .flex-md-justify-around {
          justify-content: space-around !important;
        }

        .flex-md-items-start {
          align-items: flex-start !important;
        }

        .flex-md-items-end {
          align-items: flex-end !important;
        }

        .flex-md-items-center {
          align-items: center !important;
        }

        .flex-md-items-baseline {
          align-items: baseline !important;
        }

        .flex-md-items-stretch {
          align-items: stretch !important;
        }

        .flex-md-content-start {
          align-content: flex-start !important;
        }

        .flex-md-content-end {
          align-content: flex-end !important;
        }

        .flex-md-content-center {
          align-content: center !important;
        }

        .flex-md-content-between {
          align-content: space-between !important;
        }

        .flex-md-content-around {
          align-content: space-around !important;
        }

        .flex-md-content-stretch {
          align-content: stretch !important;
        }

        .flex-md-auto {
          flex: 1 1 auto !important;
        }

        .flex-md-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-md-self-auto {
          align-self: auto !important;
        }

        .flex-md-self-start {
          align-self: flex-start !important;
        }

        .flex-md-self-end {
          align-self: flex-end !important;
        }

        .flex-md-self-center {
          align-self: center !important;
        }

        .flex-md-self-baseline {
          align-self: baseline !important;
        }

        .flex-md-self-stretch {
          align-self: stretch !important;
        }

        .flex-md-item-equal {
          flex-basis: 0;
          flex-grow: 1;
        }
      }

      @media (min-width: 1012px) {
        .flex-lg-row {
          flex-direction: row !important;
        }

        .flex-lg-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-lg-column {
          flex-direction: column !important;
        }

        .flex-lg-wrap {
          flex-wrap: wrap !important;
        }

        .flex-lg-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-lg-justify-start {
          justify-content: flex-start !important;
        }

        .flex-lg-justify-end {
          justify-content: flex-end !important;
        }

        .flex-lg-justify-center {
          justify-content: center !important;
        }

        .flex-lg-justify-between {
          justify-content: space-between !important;
        }

        .flex-lg-justify-around {
          justify-content: space-around !important;
        }

        .flex-lg-items-start {
          align-items: flex-start !important;
        }

        .flex-lg-items-end {
          align-items: flex-end !important;
        }

        .flex-lg-items-center {
          align-items: center !important;
        }

        .flex-lg-items-baseline {
          align-items: baseline !important;
        }

        .flex-lg-items-stretch {
          align-items: stretch !important;
        }

        .flex-lg-content-start {
          align-content: flex-start !important;
        }

        .flex-lg-content-end {
          align-content: flex-end !important;
        }

        .flex-lg-content-center {
          align-content: center !important;
        }

        .flex-lg-content-between {
          align-content: space-between !important;
        }

        .flex-lg-content-around {
          align-content: space-around !important;
        }

        .flex-lg-content-stretch {
          align-content: stretch !important;
        }

        .flex-lg-auto {
          flex: 1 1 auto !important;
        }

        .flex-lg-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-lg-self-auto {
          align-self: auto !important;
        }

        .flex-lg-self-start {
          align-self: flex-start !important;
        }

        .flex-lg-self-end {
          align-self: flex-end !important;
        }

        .flex-lg-self-center {
          align-self: center !important;
        }

        .flex-lg-self-baseline {
          align-self: baseline !important;
        }

        .flex-lg-self-stretch {
          align-self: stretch !important;
        }

        .flex-lg-item-equal {
          flex-basis: 0;
          flex-grow: 1;
        }
      }

      @media (min-width: 1280px) {
        .flex-xl-row {
          flex-direction: row !important;
        }

        .flex-xl-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-xl-column {
          flex-direction: column !important;
        }

        .flex-xl-wrap {
          flex-wrap: wrap !important;
        }

        .flex-xl-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-xl-justify-start {
          justify-content: flex-start !important;
        }

        .flex-xl-justify-end {
          justify-content: flex-end !important;
        }

        .flex-xl-justify-center {
          justify-content: center !important;
        }

        .flex-xl-justify-between {
          justify-content: space-between !important;
        }

        .flex-xl-justify-around {
          justify-content: space-around !important;
        }

        .flex-xl-items-start {
          align-items: flex-start !important;
        }

        .flex-xl-items-end {
          align-items: flex-end !important;
        }

        .flex-xl-items-center {
          align-items: center !important;
        }

        .flex-xl-items-baseline {
          align-items: baseline !important;
        }

        .flex-xl-items-stretch {
          align-items: stretch !important;
        }

        .flex-xl-content-start {
          align-content: flex-start !important;
        }

        .flex-xl-content-end {
          align-content: flex-end !important;
        }

        .flex-xl-content-center {
          align-content: center !important;
        }

        .flex-xl-content-between {
          align-content: space-between !important;
        }

        .flex-xl-content-around {
          align-content: space-around !important;
        }

        .flex-xl-content-stretch {
          align-content: stretch !important;
        }

        .flex-xl-auto {
          flex: 1 1 auto !important;
        }

        .flex-xl-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-xl-self-auto {
          align-self: auto !important;
        }

        .flex-xl-self-start {
          align-self: flex-start !important;
        }

        .flex-xl-self-end {
          align-self: flex-end !important;
        }

        .flex-xl-self-center {
          align-self: center !important;
        }

        .flex-xl-self-baseline {
          align-self: baseline !important;
        }

        .flex-xl-self-stretch {
          align-self: stretch !important;
        }

        .flex-xl-item-equal {
          flex-basis: 0;
          flex-grow: 1;
        }
      }

      .position-static {
        position: static !important;
      }

      .position-relative {
        position: relative !important;
      }

      .position-absolute {
        position: absolute !important;
      }

      .position-fixed {
        position: fixed !important;
      }

      @media (min-width: 544px) {
        .position-sm-static {
          position: static !important;
        }

        .position-sm-relative {
          position: relative !important;
        }

        .position-sm-absolute {
          position: absolute !important;
        }

        .position-sm-fixed {
          position: fixed !important;
        }
      }

      @media (min-width: 768px) {
        .position-md-static {
          position: static !important;
        }

        .position-md-relative {
          position: relative !important;
        }

        .position-md-absolute {
          position: absolute !important;
        }

        .position-md-fixed {
          position: fixed !important;
        }
      }

      @media (min-width: 1012px) {
        .position-lg-static {
          position: static !important;
        }

        .position-lg-relative {
          position: relative !important;
        }

        .position-lg-absolute {
          position: absolute !important;
        }

        .position-lg-fixed {
          position: fixed !important;
        }
      }

      @media (min-width: 1280px) {
        .position-xl-static {
          position: static !important;
        }

        .position-xl-relative {
          position: relative !important;
        }

        .position-xl-absolute {
          position: absolute !important;
        }

        .position-xl-fixed {
          position: fixed !important;
        }
      }

      .top-0 {
        top: 0 !important;
      }

      .right-0 {
        right: 0 !important;
      }

      .bottom-0 {
        bottom: 0 !important;
      }

      .left-0 {
        left: 0 !important;
      }

      .v-align-middle {
        vertical-align: middle !important;
      }

      .v-align-top {
        vertical-align: top !important;
      }

      .v-align-bottom {
        vertical-align: bottom !important;
      }

      .v-align-text-top {
        vertical-align: text-top !important;
      }

      .v-align-text-bottom {
        vertical-align: text-bottom !important;
      }

      .v-align-baseline {
        vertical-align: baseline !important;
      }

      .overflow-hidden {
        overflow: hidden !important;
      }

      .overflow-x-hidden {
        overflow-x: hidden !important;
      }

      .overflow-y-hidden {
        overflow-y: hidden !important;
      }

      .overflow-auto {
        overflow: auto !important;
      }

      .overflow-x-auto {
        overflow-x: auto !important;
      }

      .overflow-y-auto {
        overflow-y: auto !important;
      }

      .overflow-scroll {
        overflow: scroll !important;
      }

      .overflow-x-scroll {
        overflow-x: scroll !important;
      }

      .overflow-y-scroll {
        overflow-y: scroll !important;
      }

      .clearfix:before {
        content: '';
        display: table;
      }

      .clearfix:after {
        clear: both;
        content: '';
        display: table;
      }

      .float-left {
        float: left !important;
      }

      .float-right {
        float: right !important;
      }

      .float-none {
        float: none !important;
      }

      @media (min-width: 544px) {
        .float-sm-left {
          float: left !important;
        }

        .float-sm-right {
          float: right !important;
        }

        .float-sm-none {
          float: none !important;
        }
      }

      @media (min-width: 768px) {
        .float-md-left {
          float: left !important;
        }

        .float-md-right {
          float: right !important;
        }

        .float-md-none {
          float: none !important;
        }
      }

      @media (min-width: 1012px) {
        .float-lg-left {
          float: left !important;
        }

        .float-lg-right {
          float: right !important;
        }

        .float-lg-none {
          float: none !important;
        }
      }

      @media (min-width: 1280px) {
        .float-xl-left {
          float: left !important;
        }

        .float-xl-right {
          float: right !important;
        }

        .float-xl-none {
          float: none !important;
        }
      }

      .width-fit {
        max-width: 100% !important;
      }

      .width-full {
        width: 100% !important;
      }

      .height-fit {
        max-height: 100% !important;
      }

      .height-full {
        height: 100% !important;
      }

      .min-width-0 {
        min-width: 0 !important;
      }

      .direction-rtl {
        direction: rtl !important;
      }

      .direction-ltr {
        direction: ltr !important;
      }

      @media (min-width: 544px) {
        .direction-sm-rtl {
          direction: rtl !important;
        }

        .direction-sm-ltr {
          direction: ltr !important;
        }
      }

      @media (min-width: 768px) {
        .direction-md-rtl {
          direction: rtl !important;
        }

        .direction-md-ltr {
          direction: ltr !important;
        }
      }

      @media (min-width: 1012px) {
        .direction-lg-rtl {
          direction: rtl !important;
        }

        .direction-lg-ltr {
          direction: ltr !important;
        }
      }

      @media (min-width: 1280px) {
        .direction-xl-rtl {
          direction: rtl !important;
        }

        .direction-xl-ltr {
          direction: ltr !important;
        }
      }

      .m-0 {
        margin: 0 !important;
      }

      .mt-0 {
        margin-top: 0 !important;
      }

      .mr-0 {
        margin-right: 0 !important;
      }

      .mb-0 {
        margin-bottom: 0 !important;
      }

      .ml-0,
      .mx-0 {
        margin-left: 0 !important;
      }

      .mx-0 {
        margin-right: 0 !important;
      }

      .my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
      }

      .m-1 {
        margin: 4px !important;
      }

      .mt-1 {
        margin-top: 4px !important;
      }

      .mr-1 {
        margin-right: 4px !important;
      }

      .mb-1 {
        margin-bottom: 4px !important;
      }

      .ml-1 {
        margin-left: 4px !important;
      }

      .mt-n1 {
        margin-top: -4px !important;
      }

      .mr-n1 {
        margin-right: -4px !important;
      }

      .mb-n1 {
        margin-bottom: -4px !important;
      }

      .ml-n1 {
        margin-left: -4px !important;
      }

      .mx-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
      }

      .my-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
      }

      .m-2 {
        margin: 8px !important;
      }

      .mt-2 {
        margin-top: 8px !important;
      }

      .mr-2 {
        margin-right: 8px !important;
      }

      .mb-2 {
        margin-bottom: 8px !important;
      }

      .ml-2 {
        margin-left: 8px !important;
      }

      .mt-n2 {
        margin-top: -8px !important;
      }

      .mr-n2 {
        margin-right: -8px !important;
      }

      .mb-n2 {
        margin-bottom: -8px !important;
      }

      .ml-n2 {
        margin-left: -8px !important;
      }

      .mx-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }

      .my-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
      }

      .m-3 {
        margin: 16px !important;
      }

      .mt-3 {
        margin-top: 16px !important;
      }

      .mr-3 {
        margin-right: 16px !important;
      }

      .mb-3 {
        margin-bottom: 16px !important;
      }

      .ml-3 {
        margin-left: 16px !important;
      }

      .mt-n3 {
        margin-top: -16px !important;
      }

      .mr-n3 {
        margin-right: -16px !important;
      }

      .mb-n3 {
        margin-bottom: -16px !important;
      }

      .ml-n3 {
        margin-left: -16px !important;
      }

      .mx-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
      }

      .my-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
      }

      .m-4 {
        margin: 24px !important;
      }

      .mt-4 {
        margin-top: 24px !important;
      }

      .mr-4 {
        margin-right: 24px !important;
      }

      .mb-4 {
        margin-bottom: 24px !important;
      }

      .ml-4 {
        margin-left: 24px !important;
      }

      .mt-n4 {
        margin-top: -24px !important;
      }

      .mr-n4 {
        margin-right: -24px !important;
      }

      .mb-n4 {
        margin-bottom: -24px !important;
      }

      .ml-n4 {
        margin-left: -24px !important;
      }

      .mx-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
      }

      .my-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
      }

      .m-5 {
        margin: 32px !important;
      }

      .mt-5 {
        margin-top: 32px !important;
      }

      .mr-5 {
        margin-right: 32px !important;
      }

      .mb-5 {
        margin-bottom: 32px !important;
      }

      .ml-5 {
        margin-left: 32px !important;
      }

      .mt-n5 {
        margin-top: -32px !important;
      }

      .mr-n5 {
        margin-right: -32px !important;
      }

      .mb-n5 {
        margin-bottom: -32px !important;
      }

      .ml-n5 {
        margin-left: -32px !important;
      }

      .mx-5 {
        margin-left: 32px !important;
        margin-right: 32px !important;
      }

      .my-5 {
        margin-bottom: 32px !important;
        margin-top: 32px !important;
      }

      .m-6 {
        margin: 40px !important;
      }

      .mt-6 {
        margin-top: 40px !important;
      }

      .mr-6 {
        margin-right: 40px !important;
      }

      .mb-6 {
        margin-bottom: 40px !important;
      }

      .ml-6 {
        margin-left: 40px !important;
      }

      .mt-n6 {
        margin-top: -40px !important;
      }

      .mr-n6 {
        margin-right: -40px !important;
      }

      .mb-n6 {
        margin-bottom: -40px !important;
      }

      .ml-n6 {
        margin-left: -40px !important;
      }

      .mx-6 {
        margin-left: 40px !important;
        margin-right: 40px !important;
      }

      .my-6 {
        margin-bottom: 40px !important;
        margin-top: 40px !important;
      }

      .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      @media (min-width: 544px) {
        .m-sm-0 {
          margin: 0 !important;
        }

        .mt-sm-0 {
          margin-top: 0 !important;
        }

        .mr-sm-0 {
          margin-right: 0 !important;
        }

        .mb-sm-0 {
          margin-bottom: 0 !important;
        }

        .ml-sm-0,
        .mx-sm-0 {
          margin-left: 0 !important;
        }

        .mx-sm-0 {
          margin-right: 0 !important;
        }

        .my-sm-0 {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }

        .m-sm-1 {
          margin: 4px !important;
        }

        .mt-sm-1 {
          margin-top: 4px !important;
        }

        .mr-sm-1 {
          margin-right: 4px !important;
        }

        .mb-sm-1 {
          margin-bottom: 4px !important;
        }

        .ml-sm-1 {
          margin-left: 4px !important;
        }

        .mt-sm-n1 {
          margin-top: -4px !important;
        }

        .mr-sm-n1 {
          margin-right: -4px !important;
        }

        .mb-sm-n1 {
          margin-bottom: -4px !important;
        }

        .ml-sm-n1 {
          margin-left: -4px !important;
        }

        .mx-sm-1 {
          margin-left: 4px !important;
          margin-right: 4px !important;
        }

        .my-sm-1 {
          margin-bottom: 4px !important;
          margin-top: 4px !important;
        }

        .m-sm-2 {
          margin: 8px !important;
        }

        .mt-sm-2 {
          margin-top: 8px !important;
        }

        .mr-sm-2 {
          margin-right: 8px !important;
        }

        .mb-sm-2 {
          margin-bottom: 8px !important;
        }

        .ml-sm-2 {
          margin-left: 8px !important;
        }

        .mt-sm-n2 {
          margin-top: -8px !important;
        }

        .mr-sm-n2 {
          margin-right: -8px !important;
        }

        .mb-sm-n2 {
          margin-bottom: -8px !important;
        }

        .ml-sm-n2 {
          margin-left: -8px !important;
        }

        .mx-sm-2 {
          margin-left: 8px !important;
          margin-right: 8px !important;
        }

        .my-sm-2 {
          margin-bottom: 8px !important;
          margin-top: 8px !important;
        }

        .m-sm-3 {
          margin: 16px !important;
        }

        .mt-sm-3 {
          margin-top: 16px !important;
        }

        .mr-sm-3 {
          margin-right: 16px !important;
        }

        .mb-sm-3 {
          margin-bottom: 16px !important;
        }

        .ml-sm-3 {
          margin-left: 16px !important;
        }

        .mt-sm-n3 {
          margin-top: -16px !important;
        }

        .mr-sm-n3 {
          margin-right: -16px !important;
        }

        .mb-sm-n3 {
          margin-bottom: -16px !important;
        }

        .ml-sm-n3 {
          margin-left: -16px !important;
        }

        .mx-sm-3 {
          margin-left: 16px !important;
          margin-right: 16px !important;
        }

        .my-sm-3 {
          margin-bottom: 16px !important;
          margin-top: 16px !important;
        }

        .m-sm-4 {
          margin: 24px !important;
        }

        .mt-sm-4 {
          margin-top: 24px !important;
        }

        .mr-sm-4 {
          margin-right: 24px !important;
        }

        .mb-sm-4 {
          margin-bottom: 24px !important;
        }

        .ml-sm-4 {
          margin-left: 24px !important;
        }

        .mt-sm-n4 {
          margin-top: -24px !important;
        }

        .mr-sm-n4 {
          margin-right: -24px !important;
        }

        .mb-sm-n4 {
          margin-bottom: -24px !important;
        }

        .ml-sm-n4 {
          margin-left: -24px !important;
        }

        .mx-sm-4 {
          margin-left: 24px !important;
          margin-right: 24px !important;
        }

        .my-sm-4 {
          margin-bottom: 24px !important;
          margin-top: 24px !important;
        }

        .m-sm-5 {
          margin: 32px !important;
        }

        .mt-sm-5 {
          margin-top: 32px !important;
        }

        .mr-sm-5 {
          margin-right: 32px !important;
        }

        .mb-sm-5 {
          margin-bottom: 32px !important;
        }

        .ml-sm-5 {
          margin-left: 32px !important;
        }

        .mt-sm-n5 {
          margin-top: -32px !important;
        }

        .mr-sm-n5 {
          margin-right: -32px !important;
        }

        .mb-sm-n5 {
          margin-bottom: -32px !important;
        }

        .ml-sm-n5 {
          margin-left: -32px !important;
        }

        .mx-sm-5 {
          margin-left: 32px !important;
          margin-right: 32px !important;
        }

        .my-sm-5 {
          margin-bottom: 32px !important;
          margin-top: 32px !important;
        }

        .m-sm-6 {
          margin: 40px !important;
        }

        .mt-sm-6 {
          margin-top: 40px !important;
        }

        .mr-sm-6 {
          margin-right: 40px !important;
        }

        .mb-sm-6 {
          margin-bottom: 40px !important;
        }

        .ml-sm-6 {
          margin-left: 40px !important;
        }

        .mt-sm-n6 {
          margin-top: -40px !important;
        }

        .mr-sm-n6 {
          margin-right: -40px !important;
        }

        .mb-sm-n6 {
          margin-bottom: -40px !important;
        }

        .ml-sm-n6 {
          margin-left: -40px !important;
        }

        .mx-sm-6 {
          margin-left: 40px !important;
          margin-right: 40px !important;
        }

        .my-sm-6 {
          margin-bottom: 40px !important;
          margin-top: 40px !important;
        }

        .mx-sm-auto {
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }

      @media (min-width: 768px) {
        .m-md-0 {
          margin: 0 !important;
        }

        .mt-md-0 {
          margin-top: 0 !important;
        }

        .mr-md-0 {
          margin-right: 0 !important;
        }

        .mb-md-0 {
          margin-bottom: 0 !important;
        }

        .ml-md-0,
        .mx-md-0 {
          margin-left: 0 !important;
        }

        .mx-md-0 {
          margin-right: 0 !important;
        }

        .my-md-0 {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }

        .m-md-1 {
          margin: 4px !important;
        }

        .mt-md-1 {
          margin-top: 4px !important;
        }

        .mr-md-1 {
          margin-right: 4px !important;
        }

        .mb-md-1 {
          margin-bottom: 4px !important;
        }

        .ml-md-1 {
          margin-left: 4px !important;
        }

        .mt-md-n1 {
          margin-top: -4px !important;
        }

        .mr-md-n1 {
          margin-right: -4px !important;
        }

        .mb-md-n1 {
          margin-bottom: -4px !important;
        }

        .ml-md-n1 {
          margin-left: -4px !important;
        }

        .mx-md-1 {
          margin-left: 4px !important;
          margin-right: 4px !important;
        }

        .my-md-1 {
          margin-bottom: 4px !important;
          margin-top: 4px !important;
        }

        .m-md-2 {
          margin: 8px !important;
        }

        .mt-md-2 {
          margin-top: 8px !important;
        }

        .mr-md-2 {
          margin-right: 8px !important;
        }

        .mb-md-2 {
          margin-bottom: 8px !important;
        }

        .ml-md-2 {
          margin-left: 8px !important;
        }

        .mt-md-n2 {
          margin-top: -8px !important;
        }

        .mr-md-n2 {
          margin-right: -8px !important;
        }

        .mb-md-n2 {
          margin-bottom: -8px !important;
        }

        .ml-md-n2 {
          margin-left: -8px !important;
        }

        .mx-md-2 {
          margin-left: 8px !important;
          margin-right: 8px !important;
        }

        .my-md-2 {
          margin-bottom: 8px !important;
          margin-top: 8px !important;
        }

        .m-md-3 {
          margin: 16px !important;
        }

        .mt-md-3 {
          margin-top: 16px !important;
        }

        .mr-md-3 {
          margin-right: 16px !important;
        }

        .mb-md-3 {
          margin-bottom: 16px !important;
        }

        .ml-md-3 {
          margin-left: 16px !important;
        }

        .mt-md-n3 {
          margin-top: -16px !important;
        }

        .mr-md-n3 {
          margin-right: -16px !important;
        }

        .mb-md-n3 {
          margin-bottom: -16px !important;
        }

        .ml-md-n3 {
          margin-left: -16px !important;
        }

        .mx-md-3 {
          margin-left: 16px !important;
          margin-right: 16px !important;
        }

        .my-md-3 {
          margin-bottom: 16px !important;
          margin-top: 16px !important;
        }

        .m-md-4 {
          margin: 24px !important;
        }

        .mt-md-4 {
          margin-top: 24px !important;
        }

        .mr-md-4 {
          margin-right: 24px !important;
        }

        .mb-md-4 {
          margin-bottom: 24px !important;
        }

        .ml-md-4 {
          margin-left: 24px !important;
        }

        .mt-md-n4 {
          margin-top: -24px !important;
        }

        .mr-md-n4 {
          margin-right: -24px !important;
        }

        .mb-md-n4 {
          margin-bottom: -24px !important;
        }

        .ml-md-n4 {
          margin-left: -24px !important;
        }

        .mx-md-4 {
          margin-left: 24px !important;
          margin-right: 24px !important;
        }

        .my-md-4 {
          margin-bottom: 24px !important;
          margin-top: 24px !important;
        }

        .m-md-5 {
          margin: 32px !important;
        }

        .mt-md-5 {
          margin-top: 32px !important;
        }

        .mr-md-5 {
          margin-right: 32px !important;
        }

        .mb-md-5 {
          margin-bottom: 32px !important;
        }

        .ml-md-5 {
          margin-left: 32px !important;
        }

        .mt-md-n5 {
          margin-top: -32px !important;
        }

        .mr-md-n5 {
          margin-right: -32px !important;
        }

        .mb-md-n5 {
          margin-bottom: -32px !important;
        }

        .ml-md-n5 {
          margin-left: -32px !important;
        }

        .mx-md-5 {
          margin-left: 32px !important;
          margin-right: 32px !important;
        }

        .my-md-5 {
          margin-bottom: 32px !important;
          margin-top: 32px !important;
        }

        .m-md-6 {
          margin: 40px !important;
        }

        .mt-md-6 {
          margin-top: 40px !important;
        }

        .mr-md-6 {
          margin-right: 40px !important;
        }

        .mb-md-6 {
          margin-bottom: 40px !important;
        }

        .ml-md-6 {
          margin-left: 40px !important;
        }

        .mt-md-n6 {
          margin-top: -40px !important;
        }

        .mr-md-n6 {
          margin-right: -40px !important;
        }

        .mb-md-n6 {
          margin-bottom: -40px !important;
        }

        .ml-md-n6 {
          margin-left: -40px !important;
        }

        .mx-md-6 {
          margin-left: 40px !important;
          margin-right: 40px !important;
        }

        .my-md-6 {
          margin-bottom: 40px !important;
          margin-top: 40px !important;
        }

        .mx-md-auto {
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }

      @media (min-width: 1012px) {
        .m-lg-0 {
          margin: 0 !important;
        }

        .mt-lg-0 {
          margin-top: 0 !important;
        }

        .mr-lg-0 {
          margin-right: 0 !important;
        }

        .mb-lg-0 {
          margin-bottom: 0 !important;
        }

        .ml-lg-0,
        .mx-lg-0 {
          margin-left: 0 !important;
        }

        .mx-lg-0 {
          margin-right: 0 !important;
        }

        .my-lg-0 {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }

        .m-lg-1 {
          margin: 4px !important;
        }

        .mt-lg-1 {
          margin-top: 4px !important;
        }

        .mr-lg-1 {
          margin-right: 4px !important;
        }

        .mb-lg-1 {
          margin-bottom: 4px !important;
        }

        .ml-lg-1 {
          margin-left: 4px !important;
        }

        .mt-lg-n1 {
          margin-top: -4px !important;
        }

        .mr-lg-n1 {
          margin-right: -4px !important;
        }

        .mb-lg-n1 {
          margin-bottom: -4px !important;
        }

        .ml-lg-n1 {
          margin-left: -4px !important;
        }

        .mx-lg-1 {
          margin-left: 4px !important;
          margin-right: 4px !important;
        }

        .my-lg-1 {
          margin-bottom: 4px !important;
          margin-top: 4px !important;
        }

        .m-lg-2 {
          margin: 8px !important;
        }

        .mt-lg-2 {
          margin-top: 8px !important;
        }

        .mr-lg-2 {
          margin-right: 8px !important;
        }

        .mb-lg-2 {
          margin-bottom: 8px !important;
        }

        .ml-lg-2 {
          margin-left: 8px !important;
        }

        .mt-lg-n2 {
          margin-top: -8px !important;
        }

        .mr-lg-n2 {
          margin-right: -8px !important;
        }

        .mb-lg-n2 {
          margin-bottom: -8px !important;
        }

        .ml-lg-n2 {
          margin-left: -8px !important;
        }

        .mx-lg-2 {
          margin-left: 8px !important;
          margin-right: 8px !important;
        }

        .my-lg-2 {
          margin-bottom: 8px !important;
          margin-top: 8px !important;
        }

        .m-lg-3 {
          margin: 16px !important;
        }

        .mt-lg-3 {
          margin-top: 16px !important;
        }

        .mr-lg-3 {
          margin-right: 16px !important;
        }

        .mb-lg-3 {
          margin-bottom: 16px !important;
        }

        .ml-lg-3 {
          margin-left: 16px !important;
        }

        .mt-lg-n3 {
          margin-top: -16px !important;
        }

        .mr-lg-n3 {
          margin-right: -16px !important;
        }

        .mb-lg-n3 {
          margin-bottom: -16px !important;
        }

        .ml-lg-n3 {
          margin-left: -16px !important;
        }

        .mx-lg-3 {
          margin-left: 16px !important;
          margin-right: 16px !important;
        }

        .my-lg-3 {
          margin-bottom: 16px !important;
          margin-top: 16px !important;
        }

        .m-lg-4 {
          margin: 24px !important;
        }

        .mt-lg-4 {
          margin-top: 24px !important;
        }

        .mr-lg-4 {
          margin-right: 24px !important;
        }

        .mb-lg-4 {
          margin-bottom: 24px !important;
        }

        .ml-lg-4 {
          margin-left: 24px !important;
        }

        .mt-lg-n4 {
          margin-top: -24px !important;
        }

        .mr-lg-n4 {
          margin-right: -24px !important;
        }

        .mb-lg-n4 {
          margin-bottom: -24px !important;
        }

        .ml-lg-n4 {
          margin-left: -24px !important;
        }

        .mx-lg-4 {
          margin-left: 24px !important;
          margin-right: 24px !important;
        }

        .my-lg-4 {
          margin-bottom: 24px !important;
          margin-top: 24px !important;
        }

        .m-lg-5 {
          margin: 32px !important;
        }

        .mt-lg-5 {
          margin-top: 32px !important;
        }

        .mr-lg-5 {
          margin-right: 32px !important;
        }

        .mb-lg-5 {
          margin-bottom: 32px !important;
        }

        .ml-lg-5 {
          margin-left: 32px !important;
        }

        .mt-lg-n5 {
          margin-top: -32px !important;
        }

        .mr-lg-n5 {
          margin-right: -32px !important;
        }

        .mb-lg-n5 {
          margin-bottom: -32px !important;
        }

        .ml-lg-n5 {
          margin-left: -32px !important;
        }

        .mx-lg-5 {
          margin-left: 32px !important;
          margin-right: 32px !important;
        }

        .my-lg-5 {
          margin-bottom: 32px !important;
          margin-top: 32px !important;
        }

        .m-lg-6 {
          margin: 40px !important;
        }

        .mt-lg-6 {
          margin-top: 40px !important;
        }

        .mr-lg-6 {
          margin-right: 40px !important;
        }

        .mb-lg-6 {
          margin-bottom: 40px !important;
        }

        .ml-lg-6 {
          margin-left: 40px !important;
        }

        .mt-lg-n6 {
          margin-top: -40px !important;
        }

        .mr-lg-n6 {
          margin-right: -40px !important;
        }

        .mb-lg-n6 {
          margin-bottom: -40px !important;
        }

        .ml-lg-n6 {
          margin-left: -40px !important;
        }

        .mx-lg-6 {
          margin-left: 40px !important;
          margin-right: 40px !important;
        }

        .my-lg-6 {
          margin-bottom: 40px !important;
          margin-top: 40px !important;
        }

        .mx-lg-auto {
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }

      @media (min-width: 1280px) {
        .m-xl-0 {
          margin: 0 !important;
        }

        .mt-xl-0 {
          margin-top: 0 !important;
        }

        .mr-xl-0 {
          margin-right: 0 !important;
        }

        .mb-xl-0 {
          margin-bottom: 0 !important;
        }

        .ml-xl-0,
        .mx-xl-0 {
          margin-left: 0 !important;
        }

        .mx-xl-0 {
          margin-right: 0 !important;
        }

        .my-xl-0 {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }

        .m-xl-1 {
          margin: 4px !important;
        }

        .mt-xl-1 {
          margin-top: 4px !important;
        }

        .mr-xl-1 {
          margin-right: 4px !important;
        }

        .mb-xl-1 {
          margin-bottom: 4px !important;
        }

        .ml-xl-1 {
          margin-left: 4px !important;
        }

        .mt-xl-n1 {
          margin-top: -4px !important;
        }

        .mr-xl-n1 {
          margin-right: -4px !important;
        }

        .mb-xl-n1 {
          margin-bottom: -4px !important;
        }

        .ml-xl-n1 {
          margin-left: -4px !important;
        }

        .mx-xl-1 {
          margin-left: 4px !important;
          margin-right: 4px !important;
        }

        .my-xl-1 {
          margin-bottom: 4px !important;
          margin-top: 4px !important;
        }

        .m-xl-2 {
          margin: 8px !important;
        }

        .mt-xl-2 {
          margin-top: 8px !important;
        }

        .mr-xl-2 {
          margin-right: 8px !important;
        }

        .mb-xl-2 {
          margin-bottom: 8px !important;
        }

        .ml-xl-2 {
          margin-left: 8px !important;
        }

        .mt-xl-n2 {
          margin-top: -8px !important;
        }

        .mr-xl-n2 {
          margin-right: -8px !important;
        }

        .mb-xl-n2 {
          margin-bottom: -8px !important;
        }

        .ml-xl-n2 {
          margin-left: -8px !important;
        }

        .mx-xl-2 {
          margin-left: 8px !important;
          margin-right: 8px !important;
        }

        .my-xl-2 {
          margin-bottom: 8px !important;
          margin-top: 8px !important;
        }

        .m-xl-3 {
          margin: 16px !important;
        }

        .mt-xl-3 {
          margin-top: 16px !important;
        }

        .mr-xl-3 {
          margin-right: 16px !important;
        }

        .mb-xl-3 {
          margin-bottom: 16px !important;
        }

        .ml-xl-3 {
          margin-left: 16px !important;
        }

        .mt-xl-n3 {
          margin-top: -16px !important;
        }

        .mr-xl-n3 {
          margin-right: -16px !important;
        }

        .mb-xl-n3 {
          margin-bottom: -16px !important;
        }

        .ml-xl-n3 {
          margin-left: -16px !important;
        }

        .mx-xl-3 {
          margin-left: 16px !important;
          margin-right: 16px !important;
        }

        .my-xl-3 {
          margin-bottom: 16px !important;
          margin-top: 16px !important;
        }

        .m-xl-4 {
          margin: 24px !important;
        }

        .mt-xl-4 {
          margin-top: 24px !important;
        }

        .mr-xl-4 {
          margin-right: 24px !important;
        }

        .mb-xl-4 {
          margin-bottom: 24px !important;
        }

        .ml-xl-4 {
          margin-left: 24px !important;
        }

        .mt-xl-n4 {
          margin-top: -24px !important;
        }

        .mr-xl-n4 {
          margin-right: -24px !important;
        }

        .mb-xl-n4 {
          margin-bottom: -24px !important;
        }

        .ml-xl-n4 {
          margin-left: -24px !important;
        }

        .mx-xl-4 {
          margin-left: 24px !important;
          margin-right: 24px !important;
        }

        .my-xl-4 {
          margin-bottom: 24px !important;
          margin-top: 24px !important;
        }

        .m-xl-5 {
          margin: 32px !important;
        }

        .mt-xl-5 {
          margin-top: 32px !important;
        }

        .mr-xl-5 {
          margin-right: 32px !important;
        }

        .mb-xl-5 {
          margin-bottom: 32px !important;
        }

        .ml-xl-5 {
          margin-left: 32px !important;
        }

        .mt-xl-n5 {
          margin-top: -32px !important;
        }

        .mr-xl-n5 {
          margin-right: -32px !important;
        }

        .mb-xl-n5 {
          margin-bottom: -32px !important;
        }

        .ml-xl-n5 {
          margin-left: -32px !important;
        }

        .mx-xl-5 {
          margin-left: 32px !important;
          margin-right: 32px !important;
        }

        .my-xl-5 {
          margin-bottom: 32px !important;
          margin-top: 32px !important;
        }

        .m-xl-6 {
          margin: 40px !important;
        }

        .mt-xl-6 {
          margin-top: 40px !important;
        }

        .mr-xl-6 {
          margin-right: 40px !important;
        }

        .mb-xl-6 {
          margin-bottom: 40px !important;
        }

        .ml-xl-6 {
          margin-left: 40px !important;
        }

        .mt-xl-n6 {
          margin-top: -40px !important;
        }

        .mr-xl-n6 {
          margin-right: -40px !important;
        }

        .mb-xl-n6 {
          margin-bottom: -40px !important;
        }

        .ml-xl-n6 {
          margin-left: -40px !important;
        }

        .mx-xl-6 {
          margin-left: 40px !important;
          margin-right: 40px !important;
        }

        .my-xl-6 {
          margin-bottom: 40px !important;
          margin-top: 40px !important;
        }

        .mx-xl-auto {
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }

      .p-0 {
        padding: 0 !important;
      }

      .pt-0 {
        padding-top: 0 !important;
      }

      .pr-0 {
        padding-right: 0 !important;
      }

      .pb-0 {
        padding-bottom: 0 !important;
      }

      .pl-0,
      .px-0 {
        padding-left: 0 !important;
      }

      .px-0 {
        padding-right: 0 !important;
      }

      .py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
      }

      .p-1 {
        padding: 4px !important;
      }

      .pt-1 {
        padding-top: 4px !important;
      }

      .pr-1 {
        padding-right: 4px !important;
      }

      .pb-1 {
        padding-bottom: 4px !important;
      }

      .pl-1,
      .px-1 {
        padding-left: 4px !important;
      }

      .px-1 {
        padding-right: 4px !important;
      }

      .py-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
      }

      .p-2 {
        padding: 8px !important;
      }

      .pt-2 {
        padding-top: 8px !important;
      }

      .pr-2 {
        padding-right: 8px !important;
      }

      .pb-2 {
        padding-bottom: 8px !important;
      }

      .pl-2,
      .px-2 {
        padding-left: 8px !important;
      }

      .px-2 {
        padding-right: 8px !important;
      }

      .py-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
      }

      .p-3 {
        padding: 16px !important;
      }

      .pt-3 {
        padding-top: 16px !important;
      }

      .pr-3 {
        padding-right: 16px !important;
      }

      .pb-3 {
        padding-bottom: 16px !important;
      }

      .pl-3,
      .px-3 {
        padding-left: 16px !important;
      }

      .px-3 {
        padding-right: 16px !important;
      }

      .py-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
      }

      .p-4 {
        padding: 24px !important;
      }

      .pt-4 {
        padding-top: 24px !important;
      }

      .pr-4 {
        padding-right: 24px !important;
      }

      .pb-4 {
        padding-bottom: 24px !important;
      }

      .pl-4,
      .px-4 {
        padding-left: 24px !important;
      }

      .px-4 {
        padding-right: 24px !important;
      }

      .py-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
      }

      .p-5 {
        padding: 32px !important;
      }

      .pt-5 {
        padding-top: 32px !important;
      }

      .pr-5 {
        padding-right: 32px !important;
      }

      .pb-5 {
        padding-bottom: 32px !important;
      }

      .pl-5,
      .px-5 {
        padding-left: 32px !important;
      }

      .px-5 {
        padding-right: 32px !important;
      }

      .py-5 {
        padding-bottom: 32px !important;
        padding-top: 32px !important;
      }

      .p-6 {
        padding: 40px !important;
      }

      .pt-6 {
        padding-top: 40px !important;
      }

      .pr-6 {
        padding-right: 40px !important;
      }

      .pb-6 {
        padding-bottom: 40px !important;
      }

      .pl-6,
      .px-6 {
        padding-left: 40px !important;
      }

      .px-6 {
        padding-right: 40px !important;
      }

      .py-6 {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
      }

      @media (min-width: 544px) {
        .p-sm-0 {
          padding: 0 !important;
        }

        .pt-sm-0 {
          padding-top: 0 !important;
        }

        .pr-sm-0 {
          padding-right: 0 !important;
        }

        .pb-sm-0 {
          padding-bottom: 0 !important;
        }

        .pl-sm-0,
        .px-sm-0 {
          padding-left: 0 !important;
        }

        .px-sm-0 {
          padding-right: 0 !important;
        }

        .py-sm-0 {
          padding-bottom: 0 !important;
          padding-top: 0 !important;
        }

        .p-sm-1 {
          padding: 4px !important;
        }

        .pt-sm-1 {
          padding-top: 4px !important;
        }

        .pr-sm-1 {
          padding-right: 4px !important;
        }

        .pb-sm-1 {
          padding-bottom: 4px !important;
        }

        .pl-sm-1,
        .px-sm-1 {
          padding-left: 4px !important;
        }

        .px-sm-1 {
          padding-right: 4px !important;
        }

        .py-sm-1 {
          padding-bottom: 4px !important;
          padding-top: 4px !important;
        }

        .p-sm-2 {
          padding: 8px !important;
        }

        .pt-sm-2 {
          padding-top: 8px !important;
        }

        .pr-sm-2 {
          padding-right: 8px !important;
        }

        .pb-sm-2 {
          padding-bottom: 8px !important;
        }

        .pl-sm-2,
        .px-sm-2 {
          padding-left: 8px !important;
        }

        .px-sm-2 {
          padding-right: 8px !important;
        }

        .py-sm-2 {
          padding-bottom: 8px !important;
          padding-top: 8px !important;
        }

        .p-sm-3 {
          padding: 16px !important;
        }

        .pt-sm-3 {
          padding-top: 16px !important;
        }

        .pr-sm-3 {
          padding-right: 16px !important;
        }

        .pb-sm-3 {
          padding-bottom: 16px !important;
        }

        .pl-sm-3,
        .px-sm-3 {
          padding-left: 16px !important;
        }

        .px-sm-3 {
          padding-right: 16px !important;
        }

        .py-sm-3 {
          padding-bottom: 16px !important;
          padding-top: 16px !important;
        }

        .p-sm-4 {
          padding: 24px !important;
        }

        .pt-sm-4 {
          padding-top: 24px !important;
        }

        .pr-sm-4 {
          padding-right: 24px !important;
        }

        .pb-sm-4 {
          padding-bottom: 24px !important;
        }

        .pl-sm-4,
        .px-sm-4 {
          padding-left: 24px !important;
        }

        .px-sm-4 {
          padding-right: 24px !important;
        }

        .py-sm-4 {
          padding-bottom: 24px !important;
          padding-top: 24px !important;
        }

        .p-sm-5 {
          padding: 32px !important;
        }

        .pt-sm-5 {
          padding-top: 32px !important;
        }

        .pr-sm-5 {
          padding-right: 32px !important;
        }

        .pb-sm-5 {
          padding-bottom: 32px !important;
        }

        .pl-sm-5,
        .px-sm-5 {
          padding-left: 32px !important;
        }

        .px-sm-5 {
          padding-right: 32px !important;
        }

        .py-sm-5 {
          padding-bottom: 32px !important;
          padding-top: 32px !important;
        }

        .p-sm-6 {
          padding: 40px !important;
        }

        .pt-sm-6 {
          padding-top: 40px !important;
        }

        .pr-sm-6 {
          padding-right: 40px !important;
        }

        .pb-sm-6 {
          padding-bottom: 40px !important;
        }

        .pl-sm-6,
        .px-sm-6 {
          padding-left: 40px !important;
        }

        .px-sm-6 {
          padding-right: 40px !important;
        }

        .py-sm-6 {
          padding-bottom: 40px !important;
          padding-top: 40px !important;
        }
      }

      @media (min-width: 768px) {
        .p-md-0 {
          padding: 0 !important;
        }

        .pt-md-0 {
          padding-top: 0 !important;
        }

        .pr-md-0 {
          padding-right: 0 !important;
        }

        .pb-md-0 {
          padding-bottom: 0 !important;
        }

        .pl-md-0,
        .px-md-0 {
          padding-left: 0 !important;
        }

        .px-md-0 {
          padding-right: 0 !important;
        }

        .py-md-0 {
          padding-bottom: 0 !important;
          padding-top: 0 !important;
        }

        .p-md-1 {
          padding: 4px !important;
        }

        .pt-md-1 {
          padding-top: 4px !important;
        }

        .pr-md-1 {
          padding-right: 4px !important;
        }

        .pb-md-1 {
          padding-bottom: 4px !important;
        }

        .pl-md-1,
        .px-md-1 {
          padding-left: 4px !important;
        }

        .px-md-1 {
          padding-right: 4px !important;
        }

        .py-md-1 {
          padding-bottom: 4px !important;
          padding-top: 4px !important;
        }

        .p-md-2 {
          padding: 8px !important;
        }

        .pt-md-2 {
          padding-top: 8px !important;
        }

        .pr-md-2 {
          padding-right: 8px !important;
        }

        .pb-md-2 {
          padding-bottom: 8px !important;
        }

        .pl-md-2,
        .px-md-2 {
          padding-left: 8px !important;
        }

        .px-md-2 {
          padding-right: 8px !important;
        }

        .py-md-2 {
          padding-bottom: 8px !important;
          padding-top: 8px !important;
        }

        .p-md-3 {
          padding: 16px !important;
        }

        .pt-md-3 {
          padding-top: 16px !important;
        }

        .pr-md-3 {
          padding-right: 16px !important;
        }

        .pb-md-3 {
          padding-bottom: 16px !important;
        }

        .pl-md-3,
        .px-md-3 {
          padding-left: 16px !important;
        }

        .px-md-3 {
          padding-right: 16px !important;
        }

        .py-md-3 {
          padding-bottom: 16px !important;
          padding-top: 16px !important;
        }

        .p-md-4 {
          padding: 24px !important;
        }

        .pt-md-4 {
          padding-top: 24px !important;
        }

        .pr-md-4 {
          padding-right: 24px !important;
        }

        .pb-md-4 {
          padding-bottom: 24px !important;
        }

        .pl-md-4,
        .px-md-4 {
          padding-left: 24px !important;
        }

        .px-md-4 {
          padding-right: 24px !important;
        }

        .py-md-4 {
          padding-bottom: 24px !important;
          padding-top: 24px !important;
        }

        .p-md-5 {
          padding: 32px !important;
        }

        .pt-md-5 {
          padding-top: 32px !important;
        }

        .pr-md-5 {
          padding-right: 32px !important;
        }

        .pb-md-5 {
          padding-bottom: 32px !important;
        }

        .pl-md-5,
        .px-md-5 {
          padding-left: 32px !important;
        }

        .px-md-5 {
          padding-right: 32px !important;
        }

        .py-md-5 {
          padding-bottom: 32px !important;
          padding-top: 32px !important;
        }

        .p-md-6 {
          padding: 40px !important;
        }

        .pt-md-6 {
          padding-top: 40px !important;
        }

        .pr-md-6 {
          padding-right: 40px !important;
        }

        .pb-md-6 {
          padding-bottom: 40px !important;
        }

        .pl-md-6,
        .px-md-6 {
          padding-left: 40px !important;
        }

        .px-md-6 {
          padding-right: 40px !important;
        }

        .py-md-6 {
          padding-bottom: 40px !important;
          padding-top: 40px !important;
        }
      }

      @media (min-width: 1012px) {
        .p-lg-0 {
          padding: 0 !important;
        }

        .pt-lg-0 {
          padding-top: 0 !important;
        }

        .pr-lg-0 {
          padding-right: 0 !important;
        }

        .pb-lg-0 {
          padding-bottom: 0 !important;
        }

        .pl-lg-0,
        .px-lg-0 {
          padding-left: 0 !important;
        }

        .px-lg-0 {
          padding-right: 0 !important;
        }

        .py-lg-0 {
          padding-bottom: 0 !important;
          padding-top: 0 !important;
        }

        .p-lg-1 {
          padding: 4px !important;
        }

        .pt-lg-1 {
          padding-top: 4px !important;
        }

        .pr-lg-1 {
          padding-right: 4px !important;
        }

        .pb-lg-1 {
          padding-bottom: 4px !important;
        }

        .pl-lg-1,
        .px-lg-1 {
          padding-left: 4px !important;
        }

        .px-lg-1 {
          padding-right: 4px !important;
        }

        .py-lg-1 {
          padding-bottom: 4px !important;
          padding-top: 4px !important;
        }

        .p-lg-2 {
          padding: 8px !important;
        }

        .pt-lg-2 {
          padding-top: 8px !important;
        }

        .pr-lg-2 {
          padding-right: 8px !important;
        }

        .pb-lg-2 {
          padding-bottom: 8px !important;
        }

        .pl-lg-2,
        .px-lg-2 {
          padding-left: 8px !important;
        }

        .px-lg-2 {
          padding-right: 8px !important;
        }

        .py-lg-2 {
          padding-bottom: 8px !important;
          padding-top: 8px !important;
        }

        .p-lg-3 {
          padding: 16px !important;
        }

        .pt-lg-3 {
          padding-top: 16px !important;
        }

        .pr-lg-3 {
          padding-right: 16px !important;
        }

        .pb-lg-3 {
          padding-bottom: 16px !important;
        }

        .pl-lg-3,
        .px-lg-3 {
          padding-left: 16px !important;
        }

        .px-lg-3 {
          padding-right: 16px !important;
        }

        .py-lg-3 {
          padding-bottom: 16px !important;
          padding-top: 16px !important;
        }

        .p-lg-4 {
          padding: 24px !important;
        }

        .pt-lg-4 {
          padding-top: 24px !important;
        }

        .pr-lg-4 {
          padding-right: 24px !important;
        }

        .pb-lg-4 {
          padding-bottom: 24px !important;
        }

        .pl-lg-4,
        .px-lg-4 {
          padding-left: 24px !important;
        }

        .px-lg-4 {
          padding-right: 24px !important;
        }

        .py-lg-4 {
          padding-bottom: 24px !important;
          padding-top: 24px !important;
        }

        .p-lg-5 {
          padding: 32px !important;
        }

        .pt-lg-5 {
          padding-top: 32px !important;
        }

        .pr-lg-5 {
          padding-right: 32px !important;
        }

        .pb-lg-5 {
          padding-bottom: 32px !important;
        }

        .pl-lg-5,
        .px-lg-5 {
          padding-left: 32px !important;
        }

        .px-lg-5 {
          padding-right: 32px !important;
        }

        .py-lg-5 {
          padding-bottom: 32px !important;
          padding-top: 32px !important;
        }

        .p-lg-6 {
          padding: 40px !important;
        }

        .pt-lg-6 {
          padding-top: 40px !important;
        }

        .pr-lg-6 {
          padding-right: 40px !important;
        }

        .pb-lg-6 {
          padding-bottom: 40px !important;
        }

        .pl-lg-6,
        .px-lg-6 {
          padding-left: 40px !important;
        }

        .px-lg-6 {
          padding-right: 40px !important;
        }

        .py-lg-6 {
          padding-bottom: 40px !important;
          padding-top: 40px !important;
        }
      }

      @media (min-width: 1280px) {
        .p-xl-0 {
          padding: 0 !important;
        }

        .pt-xl-0 {
          padding-top: 0 !important;
        }

        .pr-xl-0 {
          padding-right: 0 !important;
        }

        .pb-xl-0 {
          padding-bottom: 0 !important;
        }

        .pl-xl-0,
        .px-xl-0 {
          padding-left: 0 !important;
        }

        .px-xl-0 {
          padding-right: 0 !important;
        }

        .py-xl-0 {
          padding-bottom: 0 !important;
          padding-top: 0 !important;
        }

        .p-xl-1 {
          padding: 4px !important;
        }

        .pt-xl-1 {
          padding-top: 4px !important;
        }

        .pr-xl-1 {
          padding-right: 4px !important;
        }

        .pb-xl-1 {
          padding-bottom: 4px !important;
        }

        .pl-xl-1,
        .px-xl-1 {
          padding-left: 4px !important;
        }

        .px-xl-1 {
          padding-right: 4px !important;
        }

        .py-xl-1 {
          padding-bottom: 4px !important;
          padding-top: 4px !important;
        }

        .p-xl-2 {
          padding: 8px !important;
        }

        .pt-xl-2 {
          padding-top: 8px !important;
        }

        .pr-xl-2 {
          padding-right: 8px !important;
        }

        .pb-xl-2 {
          padding-bottom: 8px !important;
        }

        .pl-xl-2,
        .px-xl-2 {
          padding-left: 8px !important;
        }

        .px-xl-2 {
          padding-right: 8px !important;
        }

        .py-xl-2 {
          padding-bottom: 8px !important;
          padding-top: 8px !important;
        }

        .p-xl-3 {
          padding: 16px !important;
        }

        .pt-xl-3 {
          padding-top: 16px !important;
        }

        .pr-xl-3 {
          padding-right: 16px !important;
        }

        .pb-xl-3 {
          padding-bottom: 16px !important;
        }

        .pl-xl-3,
        .px-xl-3 {
          padding-left: 16px !important;
        }

        .px-xl-3 {
          padding-right: 16px !important;
        }

        .py-xl-3 {
          padding-bottom: 16px !important;
          padding-top: 16px !important;
        }

        .p-xl-4 {
          padding: 24px !important;
        }

        .pt-xl-4 {
          padding-top: 24px !important;
        }

        .pr-xl-4 {
          padding-right: 24px !important;
        }

        .pb-xl-4 {
          padding-bottom: 24px !important;
        }

        .pl-xl-4,
        .px-xl-4 {
          padding-left: 24px !important;
        }

        .px-xl-4 {
          padding-right: 24px !important;
        }

        .py-xl-4 {
          padding-bottom: 24px !important;
          padding-top: 24px !important;
        }

        .p-xl-5 {
          padding: 32px !important;
        }

        .pt-xl-5 {
          padding-top: 32px !important;
        }

        .pr-xl-5 {
          padding-right: 32px !important;
        }

        .pb-xl-5 {
          padding-bottom: 32px !important;
        }

        .pl-xl-5,
        .px-xl-5 {
          padding-left: 32px !important;
        }

        .px-xl-5 {
          padding-right: 32px !important;
        }

        .py-xl-5 {
          padding-bottom: 32px !important;
          padding-top: 32px !important;
        }

        .p-xl-6 {
          padding: 40px !important;
        }

        .pt-xl-6 {
          padding-top: 40px !important;
        }

        .pr-xl-6 {
          padding-right: 40px !important;
        }

        .pb-xl-6 {
          padding-bottom: 40px !important;
        }

        .pl-xl-6,
        .px-xl-6 {
          padding-left: 40px !important;
        }

        .px-xl-6 {
          padding-right: 40px !important;
        }

        .py-xl-6 {
          padding-bottom: 40px !important;
          padding-top: 40px !important;
        }
      }

      .p-responsive {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }

      @media (min-width: 544px) {
        .p-responsive {
          padding-left: 40px !important;
          padding-right: 40px !important;
        }
      }

      @media (min-width: 1012px) {
        .p-responsive {
          padding-left: 16px !important;
          padding-right: 16px !important;
        }
      }

      .h1 {
        font-size: 26px !important;
      }

      @media (min-width: 768px) {
        .h1 {
          font-size: 32px !important;
        }
      }

      .h2 {
        font-size: 22px !important;
      }

      @media (min-width: 768px) {
        .h2 {
          font-size: 24px !important;
        }
      }

      .h3 {
        font-size: 18px !important;
      }

      @media (min-width: 768px) {
        .h3 {
          font-size: 20px !important;
        }
      }

      .h4 {
        font-size: 16px !important;
      }

      .h5 {
        font-size: 14px !important;
      }

      .h6 {
        font-size: 12px !important;
      }

      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6 {
        font-weight: 600 !important;
      }

      .f1 {
        font-size: 26px !important;
      }

      @media (min-width: 768px) {
        .f1 {
          font-size: 32px !important;
        }
      }

      .f2 {
        font-size: 22px !important;
      }

      @media (min-width: 768px) {
        .f2 {
          font-size: 24px !important;
        }
      }

      .f3 {
        font-size: 18px !important;
      }

      @media (min-width: 768px) {
        .f3 {
          font-size: 20px !important;
        }
      }

      .f4 {
        font-size: 16px !important;
      }

      @media (min-width: 768px) {
        .f4 {
          font-size: 16px !important;
        }
      }

      .f5 {
        font-size: 14px !important;
      }

      .f6 {
        font-size: 12px !important;
      }

      .f00-light {
        font-size: 40px !important;
        font-weight: 300 !important;
      }

      @media (min-width: 768px) {
        .f00-light {
          font-size: 48px !important;
        }
      }

      .f0-light {
        font-size: 32px !important;
        font-weight: 300 !important;
      }

      @media (min-width: 768px) {
        .f0-light {
          font-size: 40px !important;
        }
      }

      .f1-light {
        font-size: 26px !important;
        font-weight: 300 !important;
      }

      @media (min-width: 768px) {
        .f1-light {
          font-size: 32px !important;
        }
      }

      .f2-light {
        font-size: 22px !important;
        font-weight: 300 !important;
      }

      @media (min-width: 768px) {
        .f2-light {
          font-size: 24px !important;
        }
      }

      .f3-light {
        font-size: 18px !important;
        font-weight: 300 !important;
      }

      @media (min-width: 768px) {
        .f3-light {
          font-size: 20px !important;
        }
      }

      .text-small {
        font-size: 12px !important;
      }

      .lead {
        color: #586069;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 30px;
      }

      .lh-condensed-ultra {
        line-height: 1 !important;
      }

      .lh-condensed {
        line-height: 1.25 !important;
      }

      .lh-default {
        line-height: 1.5 !important;
      }

      .lh-0 {
        line-height: 0 !important;
      }

      .text-right {
        text-align: right !important;
      }

      .text-left {
        text-align: left !important;
      }

      .text-center {
        text-align: center !important;
      }

      @media (min-width: 544px) {
        .text-sm-right {
          text-align: right !important;
        }

        .text-sm-left {
          text-align: left !important;
        }

        .text-sm-center {
          text-align: center !important;
        }
      }

      @media (min-width: 768px) {
        .text-md-right {
          text-align: right !important;
        }

        .text-md-left {
          text-align: left !important;
        }

        .text-md-center {
          text-align: center !important;
        }
      }

      @media (min-width: 1012px) {
        .text-lg-right {
          text-align: right !important;
        }

        .text-lg-left {
          text-align: left !important;
        }

        .text-lg-center {
          text-align: center !important;
        }
      }

      @media (min-width: 1280px) {
        .text-xl-right {
          text-align: right !important;
        }

        .text-xl-left {
          text-align: left !important;
        }

        .text-xl-center {
          text-align: center !important;
        }
      }

      .text-normal {
        font-weight: 400 !important;
      }

      .text-bold {
        font-weight: 600 !important;
      }

      .text-italic {
        font-style: italic !important;
      }

      .text-uppercase {
        text-transform: uppercase !important;
      }

      .text-underline {
        text-decoration: underline !important;
      }

      .no-underline {
        text-decoration: none !important;
      }

      .no-wrap {
        white-space: nowrap !important;
      }

      .ws-normal {
        white-space: normal !important;
      }

      .wb-break-all {
        word-break: break-all !important;
      }

      .text-emphasized {
        color: #24292e;
        font-weight: 600;
      }

      .list-style-none {
        list-style: none !important;
      }

      .text-shadow-dark {
        text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25),
          0 1px 25px rgba(27, 31, 35, 0.75);
      }

      .text-shadow-light {
        text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.5);
      }

      .text-mono {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace !important;
      }

      .user-select-none {
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
      }

      .d-block {
        display: block !important;
      }

      .d-flex {
        display: flex !important;
      }

      .d-inline {
        display: inline !important;
      }

      .d-inline-block {
        display: inline-block !important;
      }

      .d-inline-flex {
        display: inline-flex !important;
      }

      .d-none {
        display: none !important;
      }

      .d-table {
        display: table !important;
      }

      .d-table-cell {
        display: table-cell !important;
      }

      @media (min-width: 544px) {
        .d-sm-block {
          display: block !important;
        }

        .d-sm-flex {
          display: flex !important;
        }

        .d-sm-inline {
          display: inline !important;
        }

        .d-sm-inline-block {
          display: inline-block !important;
        }

        .d-sm-inline-flex {
          display: inline-flex !important;
        }

        .d-sm-none {
          display: none !important;
        }

        .d-sm-table {
          display: table !important;
        }

        .d-sm-table-cell {
          display: table-cell !important;
        }
      }

      @media (min-width: 768px) {
        .d-md-block {
          display: block !important;
        }

        .d-md-flex {
          display: flex !important;
        }

        .d-md-inline {
          display: inline !important;
        }

        .d-md-inline-block {
          display: inline-block !important;
        }

        .d-md-inline-flex {
          display: inline-flex !important;
        }

        .d-md-none {
          display: none !important;
        }

        .d-md-table {
          display: table !important;
        }

        .d-md-table-cell {
          display: table-cell !important;
        }
      }

      @media (min-width: 1012px) {
        .d-lg-block {
          display: block !important;
        }

        .d-lg-flex {
          display: flex !important;
        }

        .d-lg-inline {
          display: inline !important;
        }

        .d-lg-inline-block {
          display: inline-block !important;
        }

        .d-lg-inline-flex {
          display: inline-flex !important;
        }

        .d-lg-none {
          display: none !important;
        }

        .d-lg-table {
          display: table !important;
        }

        .d-lg-table-cell {
          display: table-cell !important;
        }
      }

      @media (min-width: 1280px) {
        .d-xl-block {
          display: block !important;
        }

        .d-xl-flex {
          display: flex !important;
        }

        .d-xl-inline {
          display: inline !important;
        }

        .d-xl-inline-block {
          display: inline-block !important;
        }

        .d-xl-inline-flex {
          display: inline-flex !important;
        }

        .d-xl-none {
          display: none !important;
        }

        .d-xl-table {
          display: table !important;
        }

        .d-xl-table-cell {
          display: table-cell !important;
        }
      }

      .v-hidden {
        visibility: hidden !important;
      }

      .v-visible {
        visibility: visible !important;
      }

      @media (max-width: 543px) {
        .hide-sm {
          display: none !important;
        }
      }

      @media (min-width: 544px) and (max-width: 767px) {
        .hide-md {
          display: none !important;
        }
      }

      @media (min-width: 768px) and (max-width: 1011px) {
        .hide-lg {
          display: none !important;
        }
      }

      @media (min-width: 1012px) {
        .hide-xl {
          display: none !important;
        }
      }

      .table-fixed {
        table-layout: fixed !important;
      }

      .sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        padding: 0;
        word-wrap: normal;
      }

      .show-on-focus,
      .sr-only {
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
      }

      .show-on-focus {
        clip: rect(1px, 1px, 1px, 1px);
        margin: 0;
      }

      .show-on-focus:focus {
        clip: auto;
        height: auto;
        width: auto;
        z-index: 20;
      }

      .auth-form {
        margin: 0 auto;
        width: 340px;
      }

      .auth-form .form-group.errored .error,
      .auth-form .form-group.errored .warning,
      .auth-form .form-group.warn .error,
      .auth-form .form-group.warn .warning {
        max-width: 274px;
      }

      .auth-form-header {
        background-color: #829aa8;
        border: 1px solid #768995;
        border-radius: 3px 3px 0 0;
        color: #fff;
        margin: 0;
        padding: 10px 20px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      }

      .auth-form-header h1 {
        font-size: 16px;
      }

      .auth-form-header h1 a {
        color: #fff;
      }

      .auth-form-header .octicon {
        color: rgba(0, 0, 0, 0.4);
        position: absolute;
        right: 20px;
        text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.1);
        top: 10px;
      }

      .auth-form-message {
        border: 1px solid #d8dee2;
        border-radius: 3px;
        max-height: 140px;
        overflow-y: scroll;
        padding: 20px 20px 10px;
      }

      .auth-form-message ol,
      .auth-form-message ul {
        margin-bottom: inherit;
        padding-left: inherit;
      }

      .auth-form-body {
        background-color: #fff;
        border: 1px solid #d8dee2;
        border-radius: 0 0 3px 3px;
        border-top: 0;
        font-size: 14px;
        padding: 20px;
      }

      .auth-form-body .input-block {
        margin-bottom: 15px;
        margin-top: 5px;
      }

      .auth-form-body p {
        margin: 10px 0;
      }

      .auth-form-body ol,
      .auth-form-body ul {
        margin-bottom: inherit;
        padding-left: inherit;
      }

      .two-factor-help {
        border: 1px solid #eaeaea;
        border-radius: 3px;
        margin: 60px 0 auto auto;
        padding: 10px 10px 10px 36px;
        position: relative;
      }

      .two-factor-help h4 {
        margin-bottom: 5px;
        margin-top: 0;
      }

      .two-factor-help .octicon-device-mobile {
        left: 10px;
        position: absolute;
        top: 10px;
      }

      .two-factor-help .octicon-key {
        left: 10px;
        position: absolute;
      }

      .two-factor-help ul {
        list-style-type: none;
      }

      .u2f-send-code-spinner {
        bottom: 2px;
        display: none;
        position: relative;
        vertical-align: bottom;
      }

      .loading .u2f-send-code-spinner {
        display: inline;
      }

      .u2f-login-spinner {
        top: 2px;
      }

      .u2f-auth-header:not(:last-child) {
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 20px;
        padding-bottom: 10px;
      }

      .auth-form-body .u2f-auth-form-body {
        padding: 0;
      }

      .u2f-auth-form-body {
        padding: 30px 30px 20px;
        text-align: center;
      }

      .u2f-auth-form-body button {
        margin-top: 20px;
      }

      .u2f-auth-form-body .u2f-enabled {
        display: block;
      }

      .u2f-auth-form-body .u2f-disabled,
      .u2f-auth-form-body.unavailable .u2f-enabled {
        display: none;
      }

      .u2f-auth-form-body.unavailable .u2f-disabled {
        display: block;
      }

      .u2f-auth-icon {
        color: #aaa;
      }

      .flash.sms-error,
      .flash.sms-success {
        display: none;
        margin: 0 0 10px;
      }

      .is-sent .sms-success {
        display: block;
      }

      .is-not-sent .sms-success,
      .is-sent .sms-error {
        display: none;
      }

      .is-not-sent .sms-error {
        display: block;
      }

      .session-authentication {
        background-color: #f9f9f9;
      }

      .session-authentication .header-logged-out {
        background-color: transparent;
        border-bottom: 0;
      }

      .session-authentication .header-logo {
        color: #333;
      }

      .session-authentication .flash {
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        font-size: 13px;
        margin: 0 auto 10px;
        padding: 15px 20px;
      }

      .session-authentication .flash .container {
        width: auto;
      }

      .session-authentication .flash .flash-close {
        height: 40px;
      }

      .session-authentication .flash.is-signed-in,
      .session-authentication .flash.is-signed-out {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        border-top: 0;
        width: 100%;
      }

      .session-authentication .auth-form label {
        display: block;
        margin-bottom: 7px;
      }

      .session-authentication .auth-form .btn {
        margin-top: 20px;
      }

      .session-authentication .auth-form .u2f-error {
        margin-bottom: 0;
      }

      .session-authentication .label-link {
        float: right;
        font-size: 12px;
      }

      .session-authentication .auth-form-header {
        background-color: transparent;
        border: 0;
        color: #333;
        margin-bottom: 15px;
        text-align: center;
        text-shadow: none;
      }

      .session-authentication .auth-form-header h1 {
        font-size: 24px;
        font-weight: 300;
        letter-spacing: -0.5px;
      }

      .session-authentication .auth-form-body {
        border-radius: 5px;
        border-top: 1px solid #d8dee2;
      }

      .session-authentication .auth-form-body.u2f-auth-form-body {
        padding: 20px;
      }

      .session-authentication .create-account-callout {
        border: 1px solid #d8dee2;
        border-radius: 5px;
        padding: 15px 20px;
        text-align: center;
      }

      .session-authentication .two-factor-help {
        border: 0;
        margin-top: 20px;
        padding: 0 0 0 20px;
      }

      .session-authentication .two-factor-help .octicon-device-mobile {
        left: 0;
        top: 3px;
      }

      .session-authentication .two-factor-help .octicon-key {
        left: 0;
        top: 0;
      }

      .session-authentication.enterprise .header-logged-out {
        background-color: transparent;
        padding: 48px 0 28px;
      }

      .session-authentication.hosted .header-logged-out {
        background-color: transparent;
        padding: 40px 0 20px;
      }

      .Header-old {
        background-color: #24292e;
        color: hsla(0, 0%, 100%, 0.7);
        padding-bottom: 12px;
        padding-top: 12px;
        z-index: 32;
      }

      .server-stats + .Header-old {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.075);
      }

      .Header-old .dropdown-menu {
        width: 300px;
      }

      .Header-old .notification-indicator:hover:after {
        content: none;
      }

      @media (min-width: 1012px) {
        .Header-old .notification-indicator:hover:after {
          content: attr(aria-label);
        }
      }

      .page-responsive .HeaderMenu {
        clear: both;
        display: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu {
          clear: none;
          display: block;
        }
      }

      .open .HeaderMenu {
        display: block;
      }

      .HeaderMenu--logged-out .dropdown-menu {
        border: 0;
        box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15),
          0 0 1px rgba(27, 31, 35, 0.2);
      }

      .HeaderMenu--logged-out .dropdown-menu:after,
      .HeaderMenu--logged-out .dropdown-menu:before {
        display: none;
      }

      .HeaderMenu--logged-out .header-search {
        width: 240px;
      }

      .HeaderMenu--logged-out .jump-to-suggestions {
        top: 100%;
      }

      .HeaderMenu--logged-out .HeaderMenu-details[open] > summary:before {
        bottom: -8px;
        display: block;
        position: absolute;
      }

      .HeaderMenu--logged-out .header-search-input {
        -webkit-appearance: none;
        font-size: 14px;
        padding-bottom: 8px;
        padding-top: 8px;
      }

      .HeaderMenu--logged-out .header-search-input:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.75) !important;
      }

      .HeaderMenu--logged-out .header-search-input::-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.75) !important;
      }

      .HeaderMenu--logged-out .header-search-input::placeholder {
        color: hsla(0, 0%, 100%, 0.75) !important;
      }

      .edge-item-fix {
        list-style-image: url('');
      }

      .page-responsive .HeaderMenu--logged-out {
        background-color: #fff;
        box-shadow: 0 10px 50px rgba(27, 31, 35, 0.15);
        overflow: auto;
        width: 300px;
        z-index: 100;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out {
          background-color: transparent;
          box-shadow: none;
          overflow: visible;
          width: auto;
        }
      }

      .page-responsive .HeaderMenu--logged-out .dropdown-menu {
        border: 0 solid transparent;
        box-shadow: none;
        position: static;
        width: auto;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out .dropdown-menu {
          border: 0;
          box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15),
            0 0 1px rgba(27, 31, 35, 0.2);
          position: absolute;
          width: 300px;
        }

        .page-responsive .HeaderMenu--logged-out .dropdown-menu:after,
        .page-responsive .HeaderMenu--logged-out .dropdown-menu:before {
          content: '';
        }
      }

      .page-responsive .HeaderMenu--logged-out .dropdown-menu-s {
        transform: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out .dropdown-menu-s {
          transform: translateX(50%);
        }
      }

      .page-responsive .HeaderMenu--logged-out .header-search {
        border-top: 0;
        width: auto;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out .header-search {
          width: 240px;
        }
      }

      .page-responsive .HeaderMenu--logged-out .header-search-wrapper {
        border: 1px solid #eaecef;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out .header-search-wrapper {
          border: 0;
        }
      }

      .page-responsive .HeaderMenu--logged-out .header-search-input {
        -webkit-appearance: none;
        color: #24292e;
        padding-bottom: 8px;
        padding-top: 8px;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu--logged-out .header-search-input {
          color: inherit;
        }
      }

      .page-responsive
        .HeaderMenu--logged-out
        .header-search-input:-ms-input-placeholder {
        color: #586069 !important;
      }

      .page-responsive
        .HeaderMenu--logged-out
        .header-search-input::-ms-input-placeholder {
        color: #586069 !important;
      }

      .page-responsive
        .HeaderMenu--logged-out
        .header-search-input::placeholder {
        color: #586069 !important;
      }

      @media (min-width: 1012px) {
        .page-responsive
          .HeaderMenu--logged-out
          .header-search-input:-ms-input-placeholder {
          color: hsla(0, 0%, 100%, 0.75) !important;
        }

        .page-responsive
          .HeaderMenu--logged-out
          .header-search-input::-ms-input-placeholder {
          color: hsla(0, 0%, 100%, 0.75) !important;
        }

        .page-responsive
          .HeaderMenu--logged-out
          .header-search-input::placeholder {
          color: hsla(0, 0%, 100%, 0.75) !important;
        }
      }

      .page-responsive .HeaderMenu-link {
        background: transparent;
        color: #444d56;
      }

      .page-responsive .HeaderMenu-link:hover {
        color: #24292e;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-link {
          color: #fff;
          transition: 0.4s;
        }

        .page-responsive .HeaderMenu-link:hover {
          color: hsla(0, 0%, 100%, 0.75);
        }
      }

      .page-responsive .HeaderMenu-link .icon-chevon-down-mktg {
        right: 0;
        stroke: #24292e;
        top: 24px;
        transition: stroke 0.4s;
        width: 14px;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-link .icon-chevon-down-mktg {
          background: transparent;
          stroke: hsla(0, 0%, 100%, 0.5);
          top: -2px;
          width: 12px;
        }
      }

      .page-responsive .HeaderMenu-details[open] > summary:before {
        display: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-details[open] > summary:before {
          bottom: -8px;
          display: block;
          position: absolute;
        }
      }

      .page-responsive .HeaderMenu-details[open] .HeaderMenu-link {
        color: #24292e;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-details[open] .HeaderMenu-link {
          color: hsla(0, 0%, 100%, 0.75);
        }
      }

      .page-responsive .HeaderMenu-details[open] .dropdown-menu {
        animation: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-details[open] .dropdown-menu {
          animation: dropdown-display 0.4s cubic-bezier(0.73, 0.005, 0.22, 1);
        }
      }

      .page-responsive .HeaderMenu-details[open] .icon-chevon-down-mktg {
        stroke: #24292e;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderMenu-details[open] .icon-chevon-down-mktg {
          stroke: #fff;
        }
      }

      .HeaderMenu-link {
        background: transparent;
        color: #fff;
        transition: 0.4s;
      }

      .HeaderMenu-link:hover {
        color: hsla(0, 0%, 100%, 0.75);
      }

      .HeaderMenu-link .icon-chevon-down-mktg {
        right: 0;
        stroke: hsla(0, 0%, 100%, 0.5);
        top: -2px;
        transition: stroke 0.4s;
        width: 12px;
      }

      .HeaderMenu-details[open] .HeaderMenu-link {
        color: hsla(0, 0%, 100%, 0.75);
      }

      .HeaderMenu-details[open] .dropdown-menu {
        animation: dropdown-display 0.4s cubic-bezier(0.73, 0.005, 0.22, 1);
      }

      .HeaderMenu-details[open] .icon-chevon-down-mktg {
        stroke: #fff;
      }

      .HeaderMenu-summary::-webkit-details-marker {
        display: none;
      }

      @keyframes dropdown-display {
        0% {
          opacity: 0;
          transform: scale(0.98) translateY(-0.6em);
        }

        to {
          opacity: 1;
          transform: scale(1) translateY(0);
        }
      }

      .header-logo-invertocat {
        color: #fff;
        margin: -1px 15px -1px -2px;
        white-space: nowrap;
      }

      .header-logo-invertocat .octicon-mark-github {
        float: left;
      }

      .header-logo-invertocat:hover {
        color: #fff;
        text-decoration: none;
      }

      .notification-indicator {
        color: hsla(0, 0%, 100%, 0.7);
      }

      .notification-indicator .mail-status {
        background-clip: padding-box;
        background-image: linear-gradient(#54a3ff, #006eed);
        border: 2px solid #24292e;
        border-radius: 50%;
        color: #fff;
        display: none;
        height: 14px;
        left: 6px;
        position: absolute;
        top: -6px;
        width: 14px;
        z-index: 2;
      }

      .notification-indicator .mail-status.unread {
        display: inline-block;
      }

      .notification-indicator:hover .mail-status {
        background-color: #0366d6;
        text-decoration: none;
      }

      .HeaderNavlink {
        color: #fff;
        display: block;
      }

      .page-responsive .HeaderNavlink {
        border-top: 1px solid #444d56;
      }

      @media (min-width: 1012px) {
        .page-responsive .HeaderNavlink {
          border-top: 0;
        }
      }

      .HeaderNavlink:focus,
      .HeaderNavlink:hover {
        color: hsla(0, 0%, 100%, 0.7);
        text-decoration: none;
      }

      .HeaderNavlink.selected {
        color: #fff;
      }

      .HeaderNavlink.selected.js-menu-target {
        border-bottom-color: transparent;
      }

      .HeaderNavlink.selected.tooltipped:after,
      .HeaderNavlink.selected.tooltipped:before {
        display: none;
      }

      .header-nav-current-user {
        font-size: inherit;
        padding-bottom: 0;
      }

      .header-nav-current-user .css-truncate-target {
        max-width: 100%;
      }

      .header-nav-current-user .user-profile-link {
        color: #24292e;
      }

      .unsupported-browser {
        background-image: linear-gradient(#feefae, #fae692);
        border-bottom: 1px solid #b3a569;
        color: #211e14;
      }

      .mobile-banner button.switch-to-mobile {
        background-color: #444;
        border: 0;
        color: #eaeaea;
        display: block;
        font-size: 60px;
        font-weight: 600;
        padding: 30px 0 45px;
        text-align: center;
        width: 100%;
      }

      .header-search-wrapper {
        background-color: hsla(0, 0%, 100%, 0.125);
        border: 0;
        box-shadow: none;
        color: #fff;
        display: table;
        font-size: inherit;
        font-weight: 400;
        max-width: 100%;
        padding: 0;
        vertical-align: middle;
        width: 100%;
      }

      .header-search-wrapper.header-search-wrapper-jump-to
        .header-search-scope {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
      }

      .header-search-wrapper .truncate-repo-scope {
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .header-search-wrapper.focus {
        background-color: hsla(0, 0%, 100%, 0.175);
        box-shadow: none;
      }

      .header-search-wrapper.focus .header-search-scope {
        background-color: hsla(0, 0%, 100%, 0.075);
        border-right-color: #282e34;
        color: #fff;
      }

      .header-search-input {
        background: none;
        border: 0;
        box-shadow: none;
        color: inherit;
        display: table-cell;
        font-size: inherit;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
      }

      .header-search-input:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.75);
      }

      .header-search-input::-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.75);
      }

      .header-search-input::placeholder {
        color: hsla(0, 0%, 100%, 0.75);
      }

      .header-search-input:focus {
        border: 0;
        box-shadow: none;
      }

      .header-search-input:focus ~ .header-search-key-slash {
        display: none !important;
      }

      .header-search-input::-ms-clear {
        display: none;
      }

      .header-search-scope {
        border-bottom-left-radius: 3px;
        border-right: 1px solid #282e34;
        border-top-left-radius: 3px;
        color: hsla(0, 0%, 100%, 0.7);
        display: none;
        font-size: inherit;
        line-height: 28px;
        padding-left: 8px;
        padding-right: 8px;
        vertical-align: middle;
        white-space: nowrap;
      }

      .header-search-scope:empty + .header-search-input {
        width: 100%;
      }

      .header-search-scope:hover {
        background-color: hsla(0, 0%, 100%, 0.12);
        color: #fff;
      }

      .scoped-search .header-search-wrapper {
        display: flex;
      }

      .jump-to-field-active {
        background-color: #fafbfc;
        color: #24292e !important;
      }

      .jump-to-field-active:-ms-input-placeholder {
        color: #586069 !important;
      }

      .jump-to-field-active::-ms-input-placeholder {
        color: #586069 !important;
      }

      .jump-to-field-active::placeholder {
        color: #586069 !important;
      }

      .jump-to-field-active ~ .header-search-key-slash {
        display: none;
      }

      .jump-to-field-active.jump-to-dropdown-visible {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .jump-to-suggestions {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 35;
      }

      .jump-to-suggestions-path {
        color: #1b1f23;
        min-height: 44px;
        min-width: 0;
      }

      .jump-to-suggestions-path .jump-to-octicon {
        color: #6a737d;
        width: 28px;
      }

      .jump-to-suggestions-path .jump-to-suggestion-name {
        max-width: none;
      }

      .jump-to-suggestions-path mark {
        background-color: transparent;
        font-weight: 600;
      }

      .jump-to-suggestions-results-container .navigation-item {
        border-bottom: 1px solid #e1e4e8;
      }

      .jump-to-suggestions-results-container .navigation-item:last-child {
        border-bottom: 0;
      }

      .jump-to-suggestions-results-container .d-on-nav-focus {
        display: none;
      }

      .jump-to-suggestions-results-container .navigation-focus .jump-to-octicon,
      .jump-to-suggestions-results-container
        [aria-selected='true']
        .jump-to-octicon {
        color: #fff;
      }

      .jump-to-suggestions-results-container
        .navigation-focus
        .jump-to-suggestions-path,
      .jump-to-suggestions-results-container
        [aria-selected='true']
        .jump-to-suggestions-path {
        background: #0366d6;
        color: #fff;
      }

      .jump-to-suggestions-results-container .navigation-focus mark,
      .jump-to-suggestions-results-container [aria-selected='true'] mark {
        color: #fff;
      }

      .jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus,
      .jump-to-suggestions-results-container
        [aria-selected='true']
        .d-on-nav-focus {
        display: block;
      }

      .header-search {
        min-width: 300px;
        transition: 0.2s ease-in-out;
        transition-property: min-width, padding-bottom, padding-top;
      }

      @media (min-width: 768px) {
        .header-search:focus-within {
          min-width: 470px;
        }
      }

      .HeaderMenu--logged-out .header-search {
        min-width: auto;
      }

      .Header {
        background-color: #24292e;
        color: hsla(0, 0%, 100%, 0.7);
        font-size: 14px;
        line-height: 1.5;
        padding: 16px;
        z-index: 32;
      }

      .Header,
      .Header-item {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
      }

      .Header-item {
        align-self: stretch;
        margin-right: 16px;
      }

      .Header-item--full {
        flex: auto;
      }

      .Header-link {
        color: #fff;
        font-weight: 600;
        white-space: nowrap;
      }

      .Header-link:focus,
      .Header-link:hover {
        color: hsla(0, 0%, 100%, 0.7);
        text-decoration: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .Header.Details .Header-item.Details-content--hidden {
          display: flex !important;
        }
      }

      /*# sourceMappingURL=frameworks-d69542a4a3958db914b3bec3f757de26.css.map */
    </style>

    <style>
      /*!
 * Primer-product
 * http://primer.github.io
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
      .flash {
        background-color: #dbedff;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 3px;
        color: #032f62;
        padding: 16px;
        position: relative;
      }

      .flash p:last-child {
        margin-bottom: 0;
      }

      .flash-messages {
        margin-bottom: 24px;
      }

      .flash-close {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: none;
        border: 0;
        color: inherit;
        cursor: pointer;
        float: right;
        margin: -16px;
        opacity: 0.6;
        padding: 16px;
        text-align: center;
      }

      .flash-close:hover {
        opacity: 1;
      }

      .flash-action {
        float: right;
        margin-left: 24px;
        margin-top: -3px;
      }

      .flash-warn {
        background-color: #fffbdd;
        color: #735c0f;
      }

      .flash-error,
      .flash-warn {
        border-color: rgba(27, 31, 35, 0.15);
      }

      .flash-error {
        background-color: #ffdce0;
        color: #86181d;
      }

      .flash-success {
        background-color: #dcffe4;
        border-color: rgba(27, 31, 35, 0.15);
        color: #165c26;
      }

      .flash-full {
        border-radius: 0;
        border-width: 1px 0;
        margin-top: -1px;
      }

      .warning {
        background-color: #fffbdd;
        font-weight: 600;
        margin-bottom: 0.8em;
        padding: 0.5em;
      }

      .avatar {
        border-radius: 3px;
        display: inline-block;
        line-height: 1;
        overflow: hidden;
        vertical-align: middle;
      }

      .avatar-small {
        border-radius: 2px;
      }

      .avatar-link {
        float: left;
        line-height: 1;
      }

      .avatar-group-item {
        display: inline-block;
        margin-bottom: 3px;
      }

      .avatar-parent-child {
        position: relative;
      }

      .avatar-child {
        background-color: #fff;
        border-radius: 2px;
        bottom: -9%;
        box-shadow: -2px -2px 0 hsla(0, 0%, 100%, 0.8);
        position: absolute;
        right: -15%;
      }

      .AvatarStack {
        height: 20px;
        min-width: 26px;
        position: relative;
      }

      .AvatarStack .AvatarStack-body {
        position: absolute;
      }

      .AvatarStack.AvatarStack--two {
        min-width: 36px;
      }

      .AvatarStack.AvatarStack--three-plus {
        min-width: 46px;
      }

      .AvatarStack-body {
        background: #fff;
        display: flex;
      }

      .AvatarStack-body .avatar {
        background-color: #fff;
        border-radius: 2px;
        border-right: 1px solid #fff;
        box-sizing: content-box;
        display: flex;
        height: 20px;
        margin-right: -11px;
        position: relative;
        transition: margin 0.1s ease-in-out;
        width: 20px;
        z-index: 2;
      }

      .AvatarStack-body .avatar:first-child {
        z-index: 3;
      }

      .AvatarStack-body .avatar:last-child {
        border-right: 0;
        z-index: 1;
      }

      .AvatarStack-body .avatar img {
        border-radius: 2px;
      }

      .AvatarStack-body .avatar:nth-child(n + 4) {
        display: none;
        opacity: 0;
      }

      .AvatarStack-body:hover .avatar {
        margin-right: 3px;
      }

      .AvatarStack-body:hover .avatar:nth-child(n + 4) {
        display: flex;
        opacity: 1;
      }

      .AvatarStack-body:hover .avatar-more {
        display: none !important;
      }

      .avatar.avatar-more {
        background: #f6f8fa;
        margin-right: 0;
        z-index: 1;
      }

      .avatar.avatar-more:after,
      .avatar.avatar-more:before {
        border-radius: 2px;
        content: '';
        display: block;
        height: 20px;
        outline: 1px solid #fff;
        position: absolute;
      }

      .avatar.avatar-more:before {
        background: #e1e4e8;
        width: 17px;
      }

      .avatar.avatar-more:after {
        background: #d1d5da;
        width: 14px;
      }

      .AvatarStack--right .AvatarStack-body {
        flex-direction: row-reverse;
        right: 0;
      }

      .AvatarStack--right .AvatarStack-body:hover .avatar {
        margin-left: 3px;
        margin-right: 0;
      }

      .AvatarStack--right .avatar.avatar-more {
        background: #d1d5da;
      }

      .AvatarStack--right .avatar.avatar-more:before {
        width: 5px;
      }

      .AvatarStack--right .avatar.avatar-more:after {
        background: #f6f8fa;
        width: 2px;
      }

      .AvatarStack--right .avatar {
        border-left: 1px solid #fff;
        border-right: 0;
        margin-left: -11px;
        margin-right: 0;
      }

      .CircleBadge {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15);
        display: flex;
        justify-content: center;
      }

      .CircleBadge-icon {
        height: auto !important;
        max-height: 55% !important;
        max-width: 60% !important;
      }

      .CircleBadge--small {
        height: 56px;
        width: 56px;
      }

      .CircleBadge--medium {
        height: 96px;
        width: 96px;
      }

      .CircleBadge--large {
        height: 128px;
        width: 128px;
      }

      .DashedConnection {
        position: relative;
      }

      .DashedConnection:before {
        border-bottom: 2px dashed #e1e4e8;
        content: '';
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
      }

      .blankslate,
      .DashedConnection .CircleBadge {
        position: relative;
      }

      .blankslate {
        background-color: #fafbfc;
        border: 1px solid #e1e4e8;
        border-radius: 3px;
        box-shadow: inset 0 0 10px rgba(27, 31, 35, 0.05);
        padding: 32px;
        text-align: center;
      }

      .blankslate code {
        background: #fff;
        border: 1px solid #eaecef;
        border-radius: 3px;
        font-size: 14px;
        padding: 2px 5px 3px;
      }

      .blankslate-icon {
        color: #a3aab1;
        margin-bottom: 8px;
        margin-left: 4px;
        margin-right: 4px;
      }

      .blankslate-capped {
        border-radius: 0 0 3px 3px;
      }

      .blankslate-spacious {
        padding: 80px 40px;
      }

      .blankslate-narrow {
        margin: 0 auto;
        max-width: 485px;
      }

      .blankslate-large h3 {
        font-size: 20px;
        margin: 16px 0;
      }

      .blankslate-large p {
        font-size: 16px;
      }

      .blankslate-clean-background {
        background: none;
        border: 0;
        box-shadow: none;
      }

      .branch-name {
        background-color: #eaf5ff;
        border-radius: 3px;
        color: rgba(27, 31, 35, 0.6);
        display: inline-block;
        font: 12px SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        padding: 2px 6px;
      }

      .branch-name .octicon {
        color: #a8bbd0;
        margin: 1px -2px 0 0;
      }

      a.branch-name {
        color: #0366d6;
      }

      .labels {
        position: relative;
      }

      .label,
      .Label {
        border-radius: 2px;
        box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        padding: 3px 4px;
      }

      .label:hover,
      .Label:hover {
        text-decoration: none;
      }

      .Label--gray {
        background-color: #eaecef;
        color: #586069;
      }

      .Label--outline {
        background-color: transparent;
        border: 1px solid rgba(27, 31, 35, 0.15);
        box-shadow: none;
        color: #586069;
        font-weight: 400;
        margin-bottom: -1px;
        margin-top: -1px;
      }

      .Label--outline-green {
        border: 1px solid #34d058;
        color: #28a745;
      }

      .Label--gray-darker {
        background-color: #6a737d;
      }

      .Label--orange {
        background-color: #d15704;
      }

      .state,
      .State {
        background-color: #6a737d;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        line-height: 20px;
        padding: 4px 8px;
        text-align: center;
      }

      .State--green {
        background-color: #2cbe4e;
      }

      .State--purple {
        background-color: #6f42c1;
      }

      .State--red {
        background-color: #cb2431;
      }

      .State--small {
        font-size: 12px;
        padding: 0.125em 4px;
      }

      .State--small .octicon {
        width: 1em;
      }

      .Counter {
        background-color: rgba(27, 31, 35, 0.08);
        border-radius: 20px;
        color: #586069;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        padding: 2px 5px;
      }

      .Counter:empty {
        visibility: hidden;
      }

      .Counter--gray-light {
        background-color: rgba(27, 31, 35, 0.15);
        color: #24292e;
      }

      .Counter--gray {
        background-color: #6a737d;
        color: #fff;
      }

      .markdown-body {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
          Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 16px;
        line-height: 1.5;
        word-wrap: break-word;
      }

      .markdown-body:before {
        content: '';
        display: table;
      }

      .markdown-body:after {
        clear: both;
        content: '';
        display: table;
      }

      .markdown-body > :first-child {
        margin-top: 0 !important;
      }

      .markdown-body > :last-child {
        margin-bottom: 0 !important;
      }

      .markdown-body a:not([href]) {
        color: inherit;
        text-decoration: none;
      }

      .markdown-body .absent {
        color: #cb2431;
      }

      .markdown-body .anchor {
        float: left;
        line-height: 1;
        margin-left: -20px;
        padding-right: 4px;
      }

      .markdown-body .anchor:focus {
        outline: none;
      }

      .markdown-body blockquote,
      .markdown-body details,
      .markdown-body dl,
      .markdown-body ol,
      .markdown-body p,
      .markdown-body pre,
      .markdown-body table,
      .markdown-body ul {
        margin-bottom: 16px;
        margin-top: 0;
      }

      .markdown-body hr {
        background-color: #e1e4e8;
        border: 0;
        height: 0.25em;
        margin: 24px 0;
        padding: 0;
      }

      .markdown-body blockquote {
        border-left: 0.25em solid #dfe2e5;
        color: #6a737d;
        padding: 0 1em;
      }

      .markdown-body blockquote > :first-child {
        margin-top: 0;
      }

      .markdown-body blockquote > :last-child {
        margin-bottom: 0;
      }

      .markdown-body kbd {
        background-color: #fafbfc;
        border: 1px solid #c6cbd1;
        border-bottom-color: #959da5;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #959da5;
        color: #444d56;
        display: inline-block;
        font-size: 11px;
        line-height: 10px;
        padding: 3px 5px;
        vertical-align: middle;
      }

      .markdown-body h1,
      .markdown-body h2,
      .markdown-body h3,
      .markdown-body h4,
      .markdown-body h5,
      .markdown-body h6 {
        font-weight: 600;
        line-height: 1.25;
        margin-bottom: 16px;
        margin-top: 24px;
      }

      .markdown-body h1 .octicon-link,
      .markdown-body h2 .octicon-link,
      .markdown-body h3 .octicon-link,
      .markdown-body h4 .octicon-link,
      .markdown-body h5 .octicon-link,
      .markdown-body h6 .octicon-link {
        color: #1b1f23;
        vertical-align: middle;
        visibility: hidden;
      }

      .markdown-body h1:hover .anchor,
      .markdown-body h2:hover .anchor,
      .markdown-body h3:hover .anchor,
      .markdown-body h4:hover .anchor,
      .markdown-body h5:hover .anchor,
      .markdown-body h6:hover .anchor {
        text-decoration: none;
      }

      .markdown-body h1:hover .anchor .octicon-link,
      .markdown-body h2:hover .anchor .octicon-link,
      .markdown-body h3:hover .anchor .octicon-link,
      .markdown-body h4:hover .anchor .octicon-link,
      .markdown-body h5:hover .anchor .octicon-link,
      .markdown-body h6:hover .anchor .octicon-link {
        visibility: visible;
      }

      .markdown-body h1 code,
      .markdown-body h1 tt,
      .markdown-body h2 code,
      .markdown-body h2 tt,
      .markdown-body h3 code,
      .markdown-body h3 tt,
      .markdown-body h4 code,
      .markdown-body h4 tt,
      .markdown-body h5 code,
      .markdown-body h5 tt,
      .markdown-body h6 code,
      .markdown-body h6 tt {
        font-size: inherit;
      }

      .markdown-body h1 {
        font-size: 2em;
      }

      .markdown-body h1,
      .markdown-body h2 {
        border-bottom: 1px solid #eaecef;
        padding-bottom: 0.3em;
      }

      .markdown-body h2 {
        font-size: 1.5em;
      }

      .markdown-body h3 {
        font-size: 1.25em;
      }

      .markdown-body h4 {
        font-size: 1em;
      }

      .markdown-body h5 {
        font-size: 0.875em;
      }

      .markdown-body h6 {
        color: #6a737d;
        font-size: 0.85em;
      }

      .markdown-body ol,
      .markdown-body ul {
        padding-left: 2em;
      }

      .markdown-body ol.no-list,
      .markdown-body ul.no-list {
        list-style-type: none;
        padding: 0;
      }

      .markdown-body ol ol,
      .markdown-body ol ul,
      .markdown-body ul ol,
      .markdown-body ul ul {
        margin-bottom: 0;
        margin-top: 0;
      }

      .markdown-body li {
        word-wrap: break-all;
      }

      .markdown-body li > p {
        margin-top: 16px;
      }

      .markdown-body li + li {
        margin-top: 0.25em;
      }

      .markdown-body dl {
        padding: 0;
      }

      .markdown-body dl dt {
        font-size: 1em;
        font-style: italic;
        font-weight: 600;
        margin-top: 16px;
        padding: 0;
      }

      .markdown-body dl dd {
        margin-bottom: 16px;
        padding: 0 16px;
      }

      .markdown-body table {
        display: block;
        overflow: auto;
        width: 100%;
      }

      .markdown-body table th {
        font-weight: 600;
      }

      .markdown-body table td,
      .markdown-body table th {
        border: 1px solid #dfe2e5;
        padding: 6px 13px;
      }

      .markdown-body table tr {
        background-color: #fff;
        border-top: 1px solid #c6cbd1;
      }

      .markdown-body table tr:nth-child(2n) {
        background-color: #f6f8fa;
      }

      .markdown-body table img {
        background-color: transparent;
      }

      .markdown-body img {
        background-color: #fff;
        box-sizing: content-box;
        max-width: 100%;
      }

      .markdown-body img[align='right'] {
        padding-left: 20px;
      }

      .markdown-body img[align='left'] {
        padding-right: 20px;
      }

      .markdown-body .emoji {
        background-color: transparent;
        max-width: none;
        vertical-align: text-top;
      }

      .markdown-body span.frame {
        display: block;
        overflow: hidden;
      }

      .markdown-body span.frame > span {
        border: 1px solid #dfe2e5;
        display: block;
        float: left;
        margin: 13px 0 0;
        overflow: hidden;
        padding: 7px;
        width: auto;
      }

      .markdown-body span.frame span img {
        display: block;
        float: left;
      }

      .markdown-body span.frame span span {
        clear: both;
        color: #24292e;
        display: block;
        padding: 5px 0 0;
      }

      .markdown-body span.align-center {
        clear: both;
        display: block;
        overflow: hidden;
      }

      .markdown-body span.align-center > span {
        display: block;
        margin: 13px auto 0;
        overflow: hidden;
        text-align: center;
      }

      .markdown-body span.align-center span img {
        margin: 0 auto;
        text-align: center;
      }

      .markdown-body span.align-right {
        clear: both;
        display: block;
        overflow: hidden;
      }

      .markdown-body span.align-right > span {
        display: block;
        margin: 13px 0 0;
        overflow: hidden;
        text-align: right;
      }

      .markdown-body span.align-right span img {
        margin: 0;
        text-align: right;
      }

      .markdown-body span.float-left {
        display: block;
        float: left;
        margin-right: 13px;
        overflow: hidden;
      }

      .markdown-body span.float-left span {
        margin: 13px 0 0;
      }

      .markdown-body span.float-right {
        display: block;
        float: right;
        margin-left: 13px;
        overflow: hidden;
      }

      .markdown-body span.float-right > span {
        display: block;
        margin: 13px auto 0;
        overflow: hidden;
        text-align: right;
      }

      .markdown-body code,
      .markdown-body tt {
        background-color: rgba(27, 31, 35, 0.05);
        border-radius: 3px;
        font-size: 85%;
        margin: 0;
        padding: 0.2em 0.4em;
      }

      .markdown-body code br,
      .markdown-body tt br {
        display: none;
      }

      .markdown-body del code {
        text-decoration: inherit;
      }

      .markdown-body pre {
        word-wrap: normal;
      }

      .markdown-body pre > code {
        background: transparent;
        border: 0;
        font-size: 100%;
        margin: 0;
        padding: 0;
        white-space: pre;
        word-break: normal;
      }

      .markdown-body .highlight {
        margin-bottom: 16px;
      }

      .markdown-body .highlight pre {
        margin-bottom: 0;
        word-break: normal;
      }

      .markdown-body .highlight pre,
      .markdown-body pre {
        background-color: #f6f8fa;
        border-radius: 3px;
        font-size: 85%;
        line-height: 1.45;
        overflow: auto;
        padding: 16px;
      }

      .markdown-body pre code,
      .markdown-body pre tt {
        background-color: transparent;
        border: 0;
        display: inline;
        line-height: inherit;
        margin: 0;
        max-width: auto;
        overflow: visible;
        padding: 0;
        word-wrap: normal;
      }

      .markdown-body .csv-data td,
      .markdown-body .csv-data th {
        font-size: 12px;
        line-height: 1;
        overflow: hidden;
        padding: 5px;
        text-align: left;
        white-space: nowrap;
      }

      .markdown-body .csv-data .blob-num {
        background: #fff;
        border: 0;
        padding: 10px 8px 9px;
        text-align: right;
      }

      .markdown-body .csv-data tr {
        border-top: 0;
      }

      .markdown-body .csv-data th {
        background: #f6f8fa;
        border-top: 0;
        font-weight: 600;
      }

      .Popover {
        position: absolute;
        z-index: 100;
      }

      .Popover-message {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 232px;
      }

      .Popover-message:after,
      .Popover-message:before {
        content: '';
        display: inline-block;
        left: 50%;
        position: absolute;
      }

      .Popover-message:before {
        border: 8px solid transparent;
        border-bottom-color: rgba(27, 31, 35, 0.15);
        margin-left: -9px;
        top: -16px;
      }

      .Popover-message:after {
        border: 7px solid transparent;
        border-bottom-color: #fff;
        margin-left: -8px;
        top: -14px;
      }

      .Popover-message--bottom-left:after,
      .Popover-message--bottom-left:before,
      .Popover-message--bottom-right:after,
      .Popover-message--bottom-right:before,
      .Popover-message--bottom:after,
      .Popover-message--bottom:before {
        border-bottom-color: transparent;
        top: auto;
      }

      .Popover-message--bottom-left:before,
      .Popover-message--bottom-right:before,
      .Popover-message--bottom:before {
        border-top-color: rgba(27, 31, 35, 0.15);
        bottom: -16px;
      }

      .Popover-message--bottom-left:after,
      .Popover-message--bottom-right:after,
      .Popover-message--bottom:after {
        border-top-color: #fff;
        bottom: -14px;
      }

      .Popover-message--bottom-right,
      .Popover-message--top-right {
        margin-right: 0;
        right: -9px;
      }

      .Popover-message--bottom-right:after,
      .Popover-message--bottom-right:before,
      .Popover-message--top-right:after,
      .Popover-message--top-right:before {
        left: auto;
        margin-left: 0;
      }

      .Popover-message--bottom-right:before,
      .Popover-message--top-right:before {
        right: 20px;
      }

      .Popover-message--bottom-right:after,
      .Popover-message--top-right:after {
        right: 21px;
      }

      .Popover-message--bottom-left,
      .Popover-message--top-left {
        left: -9px;
        margin-left: 0;
      }

      .Popover-message--bottom-left:after,
      .Popover-message--bottom-left:before,
      .Popover-message--top-left:after,
      .Popover-message--top-left:before {
        left: 24px;
        margin-left: 0;
      }

      .Popover-message--bottom-left:after,
      .Popover-message--top-left:after {
        left: 25px;
      }

      .Popover-message--left-bottom:after,
      .Popover-message--left-bottom:before,
      .Popover-message--left-top:after,
      .Popover-message--left-top:before,
      .Popover-message--left:after,
      .Popover-message--left:before,
      .Popover-message--right-bottom:after,
      .Popover-message--right-bottom:before,
      .Popover-message--right-top:after,
      .Popover-message--right-top:before,
      .Popover-message--right:after,
      .Popover-message--right:before {
        border-bottom-color: transparent;
        left: auto;
        margin-left: 0;
        top: 50%;
      }

      .Popover-message--left-bottom:before,
      .Popover-message--left-top:before,
      .Popover-message--left:before,
      .Popover-message--right-bottom:before,
      .Popover-message--right-top:before,
      .Popover-message--right:before {
        margin-top: -9px;
      }

      .Popover-message--left-bottom:after,
      .Popover-message--left-top:after,
      .Popover-message--left:after,
      .Popover-message--right-bottom:after,
      .Popover-message--right-top:after,
      .Popover-message--right:after {
        margin-top: -8px;
      }

      .Popover-message--right-bottom:before,
      .Popover-message--right-top:before,
      .Popover-message--right:before {
        border-left-color: rgba(27, 31, 35, 0.15);
        right: -16px;
      }

      .Popover-message--right-bottom:after,
      .Popover-message--right-top:after,
      .Popover-message--right:after {
        border-left-color: #fff;
        right: -14px;
      }

      .Popover-message--left-bottom:before,
      .Popover-message--left-top:before,
      .Popover-message--left:before {
        border-right-color: rgba(27, 31, 35, 0.15);
        left: -16px;
      }

      .Popover-message--left-bottom:after,
      .Popover-message--left-top:after,
      .Popover-message--left:after {
        border-right-color: #fff;
        left: -14px;
      }

      .Popover-message--left-top:after,
      .Popover-message--left-top:before,
      .Popover-message--right-top:after,
      .Popover-message--right-top:before {
        top: 24px;
      }

      .Popover-message--left-bottom:after,
      .Popover-message--left-bottom:before,
      .Popover-message--right-bottom:after,
      .Popover-message--right-bottom:before {
        top: auto;
      }

      .Popover-message--left-bottom:before,
      .Popover-message--right-bottom:before {
        bottom: 16px;
      }

      .Popover-message--left-bottom:after,
      .Popover-message--right-bottom:after {
        bottom: 17px;
      }

      @media (min-width: 544px) {
        .Popover-message--large {
          min-width: 320px;
        }
      }

      .Progress {
        background-color: #e1e4e8;
        border-radius: 3px;
        display: flex;
        height: 8px;
        overflow: hidden;
      }

      .Progress--large {
        height: 10px;
      }

      .Progress--small {
        height: 5px;
      }

      .Subhead {
        border-bottom: 1px solid #e1e4e8;
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 16px;
        padding-bottom: 8px;
      }

      .Subhead--spacious {
        margin-top: 40px;
      }

      .Subhead-heading {
        flex: 1 1 auto;
        font-size: 24px;
        font-weight: 400;
      }

      .Subhead-heading--danger {
        color: #cb2431;
        font-weight: 600;
      }

      .Subhead-description {
        color: #586069;
        flex: 1 100%;
        font-size: 14px;
      }

      .Subhead-actions {
        align-self: center;
        justify-content: flex-end;
      }

      .table-list {
        border-bottom: 1px solid #e1e4e8;
        color: #6a737d;
        display: table;
        table-layout: fixed;
        width: 100%;
      }

      .table-list ol {
        list-style-type: decimal;
      }

      .table-list-bordered {
        border-bottom-color: #eaecef;
      }

      .table-list-bordered .table-list-cell:first-child {
        border-left: 1px solid #eaecef;
      }

      .table-list-bordered .table-list-cell:last-child {
        border-right: 1px solid #eaecef;
      }

      .table-list-item {
        display: table-row;
        list-style: none;
        position: relative;
      }

      .table-list-item.unread .table-list-cell:first-child {
        box-shadow: inset 2px 0 0 #0366d6;
      }

      .table-list-cell {
        border-top: 1px solid #eaecef;
        display: table-cell;
        font-size: 12px;
        padding: 8px 10px;
        position: relative;
        vertical-align: top;
      }

      .table-list-cell.flush-left {
        padding-left: 0;
      }

      .table-list-cell.flush-right {
        padding-right: 0;
      }

      .table-list-cell-checkbox {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 30px;
      }

      .table-list-header {
        background-color: #f6f8fa;
        border: 1px solid #e1e4e8;
        border-radius: 3px 3px 0 0;
        margin-top: 20px;
        position: relative;
      }

      .table-list-header:before {
        content: '';
        display: table;
      }

      .table-list-header:after {
        clear: both;
        content: '';
        display: table;
      }

      .table-list-header .btn-link {
        display: inline-block;
        font-weight: 400;
        padding-bottom: 13px;
        padding-top: 13px;
        position: relative;
      }

      .table-list-heading {
        margin-left: 10px;
      }

      .table-list-header-select-all {
        float: left;
        margin-left: -1px;
        margin-right: 5px;
        padding: 12px 10px;
        text-align: center;
        width: 30px;
      }

      .table-list-header-meta {
        color: #586069;
        display: inline-block;
        padding-bottom: 13px;
        padding-top: 13px;
      }

      .table-list-header-toggle h4 {
        padding: 12px 0;
      }

      .table-list-filters:first-child .table-list-header-toggle:first-child {
        padding-left: 16px;
      }

      .table-list-header-toggle.states .selected {
        font-weight: 600;
      }

      .table-list-header-toggle .btn-link {
        color: #586069;
      }

      .table-list-header-toggle .btn-link .octicon {
        margin-right: 4px;
      }

      .table-list-header-toggle .btn-link:hover {
        color: #24292e;
        text-decoration: none;
      }

      .table-list-header-toggle .btn-link.selected,
      .table-list-header-toggle .btn-link.selected:hover {
        color: #24292e;
      }

      .table-list-header-toggle .btn-link + .btn-link {
        margin-left: 10px;
      }

      .table-list-header-toggle .btn-link.disabled,
      .table-list-header-toggle .btn-link:disabled {
        opacity: 0.5;
        pointer-events: none;
      }

      .table-list-header-toggle .select-menu {
        position: relative;
      }

      .table-list-header-toggle .select-menu-item.selected,
      .table-list-header-toggle .select-menu-item[aria-checked='true'] {
        font-weight: 600;
      }

      .table-list-header-toggle .select-menu-button {
        padding-left: 15px;
        padding-right: 15px;
      }

      .table-list-header-toggle .select-menu-button.selected,
      .table-list-header-toggle .select-menu-button.selected:hover,
      .table-list-header-toggle .select-menu-button:hover {
        color: #24292e;
      }

      .table-list-header-toggle .select-menu-modal-holder {
        right: 10px;
      }

      .table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
        margin-top: -1px;
      }

      .table-list-header-next {
        margin-bottom: -1px;
        margin-top: 20px;
      }

      .table-list-header-next .table-list-header-select-all {
        padding-left: 14px;
      }

      .table-list-header-next .select-all-dropdown {
        padding-bottom: 10px;
        padding-top: 10px;
      }

      .bulk-actions-header {
        height: 50px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 32;
      }

      .table-list-triage,
      .triage-mode .table-list-filters {
        display: none;
      }

      .triage-mode .table-list-triage {
        display: block;
      }

      .ajax-pagination-form .ajax-pagination-btn {
        background: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 3px;
        color: #0366d6;
        font-weight: 600;
        margin-top: 20px;
        padding: 6px;
        width: 100%;
      }

      .ajax-pagination-form .ajax-pagination-btn:focus,
      .ajax-pagination-form .ajax-pagination-btn:hover {
        background-color: #f6f8fa;
      }

      .ajax-pagination-form.loading .ajax-pagination-btn {
        background-color: #f6f8fa;
        background-image: url(/images/spinners/octocat-spinner-16px-EAF2F5.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        border-color: #d1d5da;
        text-indent: -3000px;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        .ajax-pagination-form.loading .ajax-pagination-btn {
          background-image: url(/images/spinners/octocat-spinner-32-EAF2F5.gif);
          background-size: 16px auto;
        }
      }

      .autocomplete-results {
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(27, 31, 35, 0.3);
        font-size: 13px;
        list-style: none;
        max-height: 20em;
        overflow-y: auto;
        position: absolute;
        width: 100%;
        z-index: 99;
      }

      .autocomplete-item {
        cursor: pointer;
        display: block;
        font-weight: 600;
        overflow: hidden;
        padding: 5px;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .autocomplete-item.navigation-focus,
      .autocomplete-item.selected,
      .autocomplete-item:hover,
      .autocomplete-item[aria-selected='true'] {
        background-color: #0366d6;
        color: #fff;
        text-decoration: none;
      }

      .autocomplete-item.navigation-focus .ldap-group-dn,
      .autocomplete-item.navigation-focus .organization-member,
      .autocomplete-item.selected .ldap-group-dn,
      .autocomplete-item.selected .organization-member,
      .autocomplete-item:hover .ldap-group-dn,
      .autocomplete-item:hover .organization-member,
      .autocomplete-item[aria-selected='true'] .ldap-group-dn,
      .autocomplete-item[aria-selected='true'] .organization-member {
        color: #f6f8fa;
      }

      .autocomplete-item .secondary-label {
        font-weight: 400;
      }

      .autocomplete-item .organization-member {
        color: #6a737d;
        float: right;
        padding-top: 1px;
      }

      .is-auto-complete-loading .form-control {
        background-image: url(/images/spinners/octocat-spinner-32.gif);
        background-size: 16px;
        padding-right: 30px;
      }

      .suggester-container {
        left: 0;
        position: absolute;
        top: 0;
        transform: translateZ(0);
        z-index: 30;
      }

      .suggester {
        background: #fff;
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(27, 31, 35, 0.1);
        cursor: pointer;
        left: 0;
        margin-top: 20px;
        min-width: 180px;
        position: relative;
        top: 0;
      }

      .suggester ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .suggester li {
        border-bottom: 1px solid #dfe2e5;
        display: block;
        font-weight: 600;
        padding: 5px 10px;
      }

      .suggester li small {
        color: #586069;
        font-weight: 400;
      }

      .suggester li:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      .suggester li:first-child a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .suggester li.navigation-focus,
      .suggester li:hover,
      .suggester li[aria-selected='true'] {
        background: #0366d6;
        color: #fff;
        text-decoration: none;
      }

      .suggester li.navigation-focus small,
      .suggester li:hover small,
      .suggester li[aria-selected='true'] small {
        color: #fff;
      }

      .Box--overlay {
        background-clip: padding-box;
        background-color: #fff;
        border-color: #444d56;
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
        margin-left: auto;
        margin-right: auto;
        width: 448px;
      }

      .Box--overlay .Box-header {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-width: 0 0 1px;
        margin: 0;
      }

      .Box-overlay--narrow {
        width: 320px;
      }

      .Box-overlay--wide {
        width: 640px;
      }

      .Overlay {
        bottom: 0;
        left: 0;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
      }

      .bg-transparent-dark {
        background-color: rgba(0, 0, 0, 0.5);
      }

      .transition-in-out {
        transition: opacity 0.2s ease-in-out;
      }

      .transition-in-out[hidden] {
        opacity: 0;
      }

      .Box-body.scrollable-overlay {
        max-height: 400px;
        overflow-y: scroll;
      }

      .Box-body .help {
        color: #586069;
        margin: 0;
        padding-top: 8px;
        text-align: center;
      }

      .boxed-group {
        border-radius: 3px;
        margin-bottom: 30px;
        position: relative;
      }

      .boxed-group .Counter {
        background-color: rgba(47, 54, 61, 0.5);
        color: #fff;
      }

      .boxed-group.flush .boxed-group-inner {
        padding: 0;
      }

      .boxed-group.condensed .boxed-group-inner {
        font-size: 12px;
        padding: 0;
      }

      .boxed-group .heading,
      .boxed-group > h3 {
        background-color: #f6f8fa;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-bottom: 0;
        border-radius: 3px 3px 0 0;
        display: block;
        font-size: 14px;
        line-height: 17px;
        margin: 0;
        padding: 9px 10px 10px;
      }

      .boxed-group .heading a,
      .boxed-group > h3 a {
        color: inherit;
      }

      .boxed-group .heading a.boxed-group-breadcrumb,
      .boxed-group > h3 a.boxed-group-breadcrumb {
        color: #586069;
        font-weight: 400;
        text-decoration: none;
      }

      .boxed-group .heading .avatar,
      .boxed-group > h3 .avatar {
        margin-top: -4px;
      }

      .boxed-group .tabnav.heading {
        padding: 0;
      }

      .boxed-group .tabnav.heading .tabnav-tab.selected {
        border-top: 0;
      }

      .boxed-group .tabnav.heading li:first-child .selected {
        border-left-color: #fff;
        border-top-left-radius: 3px;
      }

      .boxed-group .tabnav-tab {
        border-radius: 0;
        border-top: 0;
      }

      .boxed-group code.heading {
        font-size: 12px;
      }

      .boxed-group.dangerzone > h3 {
        background-color: #d73a49;
        border: 1px solid #9e1c23;
        color: #fff;
      }

      .boxed-group.dangerzone .boxed-group-inner {
        border-top: 0;
      }

      .boxed-group.condensed > h3 {
        font-size: 12px;
        padding: 6px 6px 7px;
      }

      .boxed-group.condensed > h3 .octicon {
        padding: 0 6px 0 2px;
      }

      .dashboard-sidebar .boxed-group {
        margin-bottom: 20px;
      }

      .boxed-group .bleed-flush {
        margin-left: -10px;
        padding: 0 10px;
        width: 100%;
      }

      .boxed-group .compact {
        margin-bottom: 10px;
        margin-top: 10px;
      }

      .boxed-group-inner {
        background: #fff;
        border: 1px solid #d1d5da;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        color: #586069;
        padding: 10px;
      }

      .boxed-group-inner .markdown-body {
        font-size: 13px;
        padding: 20px 10px 10px;
      }

      .boxed-group-inner.markdown-body {
        padding-bottom: 10px;
        padding-top: 10px;
      }

      .boxed-group-inner.seamless {
        padding: 0;
      }

      .boxed-group-inner .tabnav {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
      }

      .boxed-group-inner .help,
      .boxed-group-inner .tabnav-tab.selected {
        border-top: 1px solid #dfe2e5;
      }

      .boxed-group-inner .help {
        clear: both;
        color: #586069;
        margin: 1em -10px -10px;
        padding: 1em 10px 1em 35px;
      }

      .boxed-group-inner .help .octicon {
        margin-left: -25px;
        margin-right: 5px;
      }

      .boxed-group-inner .boxed-group-list + .help {
        margin-top: 0;
      }

      .boxed-action {
        float: right;
        margin-left: 10px;
      }

      .boxed-group-action {
        float: right;
        margin: 5px 10px 0 0;
        position: relative;
        z-index: 2;
      }

      .boxed-group-action.flush {
        margin-right: 0;
        margin-top: 0;
      }

      .field-with-errors {
        display: inline;
      }

      .compact-options {
        margin: -6px 0 13px;
      }

      .compact-options > li {
        display: inline-block;
        font-weight: 600;
        list-style-type: none;
        margin: 0 12px 0 0;
      }

      .compact-options > li label {
        float: left;
      }

      .compact-options > li .spinner {
        display: block;
        float: left;
        height: 16px;
        margin-left: 5px;
        width: 16px;
      }

      .boxed-group-list {
        list-style: none;
        margin: 0;
      }

      .boxed-group-list:first-child > li:first-child {
        border-top: 0;
      }

      .boxed-group-list > li {
        border-bottom: 1px solid #e1e4e8;
        display: block;
        line-height: 23px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 5px 10px;
      }

      .boxed-group-list > li:first-child {
        border-top: 1px solid #dfe2e5;
      }

      .boxed-group-list > li:last-of-type {
        border-bottom: 0;
      }

      .boxed-group-list > li.selected {
        background: #dcffe4;
      }

      .boxed-group-list > li.approved .btn-sm,
      .boxed-group-list > li.rejected .btn-sm {
        display: none;
      }

      .boxed-group-list > li.rejected a {
        text-decoration: line-through;
      }

      .boxed-group-list > li .avatar {
        margin-right: 4px;
        margin-top: -2px;
      }

      .boxed-group-list > li .octicon {
        margin-right: 4px;
        width: 24px;
      }

      .boxed-group-list > li .btn-sm {
        float: right;
        margin: -1px 0 0 10px;
      }

      .boxed-group-list > li .BtnGroup {
        float: right;
      }

      .boxed-group-list > li .BtnGroup .btn-sm {
        float: left;
      }

      .boxed-group.flush .boxed-group-list li {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: auto;
      }

      .boxed-group-list.standalone {
        margin-top: -1px;
      }

      .boxed-group-list.standalone > li:first-child {
        border-top: 0;
      }

      .boxed-group-standalone {
        margin-bottom: -10px;
        margin-top: -10px;
      }

      .boxed-group-standalone > li:last-child {
        border-radius: 0 0 2px 2px;
      }

      .boxed-group-table {
        text-align: left;
        width: 100%;
      }

      .boxed-group-table tr:last-child td {
        border-bottom: 0;
      }

      .boxed-group-table th {
        background-color: #fafbfc;
        border-bottom: 1px solid #eaecef;
        padding: 9px;
      }

      .boxed-group-table td {
        border-bottom: 1px solid #eaecef;
        padding: 9px;
        vertical-align: top;
      }

      .ajax-error-message {
        display: none;
        left: 50%;
        margin: 0 3px 0 -487px;
        position: fixed;
        top: -200px;
        transition: top 0.5s ease-in-out;
        width: 974px;
        z-index: 9999;
      }

      .ajax-error-message.visible {
        display: block;
        top: 0;
      }

      .ajax-error-message > .octicon-alert {
        vertical-align: text-top;
      }

      .boxed-group-warning {
        background-color: #fffbdd;
        border-color: rgba(27, 31, 35, 0.15);
        border-style: solid;
        border-width: 1px 0;
        color: rgba(27, 31, 35, 0.85);
        margin: -10px -10px 10px;
        padding: 10px 15px;
      }

      .boxed-group-warning .btn-sm {
        margin: -5px 0;
      }

      .boxed-group-warning:first-child {
        border-top: 0;
      }

      .breadcrumb {
        color: #586069;
        font-size: 16px;
      }

      .breadcrumb .separator {
        white-space: pre-wrap;
      }

      .breadcrumb .separator:after,
      .breadcrumb .separator:before {
        content: ' ';
      }

      .breadcrumb strong.final-path {
        color: #24292e;
      }

      .starring-container.on .starred,
      .starring-container .unstarred {
        display: block;
      }

      .starring-container.on .unstarred,
      .starring-container .starred {
        display: none;
      }

      .starring-container.loading {
        opacity: 0.5;
      }

      .user-following-container .follow,
      .user-following-container.on .unfollow {
        display: inline-block;
      }

      .user-following-container.on .follow,
      .user-following-container .unfollow {
        display: none;
      }

      .user-following-container.loading {
        opacity: 0.5;
      }

      .members .user-following-container {
        float: right;
      }

      .close-button {
        background: transparent;
        border: 0;
        outline: none;
        padding: 0;
      }

      .btn-invisible {
        background-color: #fff;
        background-image: none;
        border: 0;
        color: #0366d6;
      }

      .btn-invisible.selected,
      .btn-invisible.zeroclipboard-is-active,
      .btn-invisible.zeroclipboard-is-hover,
      .btn-invisible:active,
      .btn-invisible:focus,
      .btn-invisible:hover {
        background: none;
        box-shadow: none;
        color: #0366d6;
        outline: none;
      }

      .btn-octicon {
        background: transparent;
        border: 0;
        color: #586069;
        display: inline-block;
        line-height: 1;
        margin-left: 5px;
        padding: 5px;
        vertical-align: middle;
      }

      .btn-octicon:hover {
        color: #0366d6;
      }

      .btn-octicon.disabled {
        color: #959da5;
        cursor: default;
      }

      .btn-octicon.disabled:hover {
        color: #959da5;
      }

      .btn-octicon-danger:hover {
        color: #cb2431;
      }

      .btn-states .btn-state-alternate {
        display: none;
      }

      .btn-states:hover .btn-state-default {
        display: none;
      }

      .btn-states:hover .btn-state-alternate {
        display: inline-block;
      }

      .commit-ref {
        background-color: #eff7ff;
        border-radius: 3px;
        color: #274466;
        display: inline-block;
        font: 0.75em/2 SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        padding: 0 5px;
        position: relative;
        white-space: nowrap;
      }

      .commit-ref .user {
        color: #044289;
      }

      a.commit-ref:hover {
        background-color: #dbedff;
        text-decoration: none;
      }

      .capped-cards {
        list-style: none;
      }

      .capped-cards .capped-card {
        float: left;
        width: 450px;
      }

      .capped-card {
        border: 1px solid #dfe2e5;
        border-radius: 2px;
        list-style: none;
        margin: 10px;
      }

      .capped-card:before {
        content: '';
        display: table;
      }

      .capped-card:after {
        clear: both;
        content: '';
        display: table;
      }

      .capped-card:nth-child(odd) {
        margin-left: 0;
      }

      .capped-card:nth-child(2n) {
        margin-right: 0;
      }

      .capped-card h3 {
        border-bottom: 1px solid #eaecef;
        line-height: 100%;
        margin: 0;
        padding: 10px;
      }

      .capped-card > p {
        border-bottom: 1px solid #eaecef;
        color: #586069;
        display: block;
        font-size: 15px;
        line-height: 100%;
        margin: 0;
        padding: 0 10px 10px;
      }

      .capped-card-content {
        background: #f6f8fa;
        display: block;
      }

      .capped-card-content:before {
        content: '';
        display: table;
      }

      .capped-card-content:after {
        clear: both;
        content: '';
        display: table;
      }

      .details-collapse .collapse {
        display: none;
        height: 0;
        overflow: hidden;
        position: relative;
        transition: height 0.35s ease-in-out;
      }

      .details-collapse.open .collapse {
        display: block;
        height: auto;
        overflow: visible;
      }

      .comment .email-format {
        line-height: 1.5;
      }

      .previewable-edit .previewable-comment-form {
        display: none;
      }

      .previewable-edit .previewable-comment-form:before {
        content: '';
        display: table;
      }

      .previewable-edit .previewable-comment-form:after {
        clear: both;
        content: '';
        display: table;
      }

      .previewable-edit .previewable-comment-form .tabnav-tabs {
        display: inline-block;
      }

      .previewable-edit .previewable-comment-form .form-actions {
        float: right;
        margin-bottom: 10px;
        margin-right: 10px;
      }

      .previewable-edit.is-comment-editing .timeline-comment-header {
        display: none;
      }

      .is-comment-editing .previewable-comment-form {
        display: block;
      }

      .is-comment-editing .edit-comment-hide,
      .is-comment-editing .timeline-comment-actions {
        display: none;
      }

      .is-comment-loading .previewable-comment-form {
        opacity: 0.5;
      }

      .is-comment-stale .comment-form-stale {
        display: block;
      }

      .comment-body {
        font-size: 14px;
        overflow: visible;
        padding: 15px;
        width: 100%;
      }

      .comment-body .highlight {
        background-color: transparent;
        overflow: visible !important;
      }

      .comment-form-textarea {
        height: 100px;
        line-height: 1.6;
        margin: 0;
        max-width: 100%;
        min-height: 100px;
        width: 100%;
      }

      .comment-form-textarea.dragover {
        border: 1px solid #0366d6;
      }

      .hide-reaction-suggestion:active:after,
      .hide-reaction-suggestion:active:before,
      .hide-reaction-suggestion:hover:after,
      .hide-reaction-suggestion:hover:before {
        display: none;
      }

      .reaction-suggestion[data-reaction-suggestion-message]:hover:after,
      .reaction-suggestion[data-reaction-suggestion-message]:hover:before {
        display: inline-block;
      }

      .reaction-suggestion[data-reaction-suggestion-message]:after,
      .reaction-suggestion[data-reaction-suggestion-message]:before {
        animation-delay: 0s;
        animation-duration: 0.1s;
        animation-fill-mode: forwards;
        animation-name: tooltip-appear;
        animation-timing-function: ease-in;
        display: inline-block;
        text-decoration: none;
      }

      .reaction-suggestion[data-reaction-suggestion-message]:after {
        content: attr(data-reaction-suggestion-message);
      }

      .discussion-topic-header {
        padding: 10px;
        position: relative;
        word-wrap: break-word;
      }

      .comment-form-error,
      .comment-form-stale {
        background-color: #ffdce0;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 3px;
        color: #86181d;
        display: none;
        margin: 10px;
        padding: 15px 10px;
      }

      .comment-form-error.comment-form-bottom,
      .comment-form-stale.comment-form-bottom {
        margin-bottom: 10px;
      }

      .email-format {
        line-height: 1.5em !important;
      }

      .email-format div {
        white-space: pre-wrap;
      }

      .email-format .email-hidden-reply {
        display: none;
        white-space: pre-wrap;
      }

      .email-format .email-hidden-reply.expanded {
        display: block;
      }

      .email-format .email-quoted-reply,
      .email-format .email-signature-reply {
        border-left: 4px solid #dfe2e5;
        color: #586069;
        margin: 15px 0;
        padding: 0 15px;
      }

      .email-format .email-hidden-toggle a {
        background: #dfe2e5;
        border-radius: 1px;
        color: #444d56;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        height: 12px;
        line-height: 6px;
        padding: 0 9px;
        text-decoration: none;
        vertical-align: middle;
      }

      .email-format .email-hidden-toggle a:hover {
        background-color: #c6cbd1;
      }

      .email-format .email-hidden-toggle a:active {
        background-color: #0366d6;
        color: #fff;
      }

      .comment-email-format div {
        white-space: normal;
      }

      .comment-email-format .email-hidden-reply {
        display: none;
        white-space: normal;
      }

      .comment-email-format .email-hidden-reply.expanded {
        display: block;
      }

      .comment-email-format blockquote,
      .comment-email-format p {
        margin: 0;
      }

      .blankslate.conversation-limited {
        margin: 15px;
        padding: 20px 0 10px;
      }

      .locked-conversation .preview-tab,
      .locked-conversation .write-tab {
        color: #c6cbd1;
      }

      .commit-form {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        padding: 15px;
        position: relative;
      }

      .commit-form:before {
        border-right-color: #dfe2e5;
      }

      .commit-form .input-block {
        margin-bottom: 10px;
        margin-top: 10px;
      }

      .commit-form-avatar {
        border-radius: 3px;
        float: left;
      }

      .commit-form-actions:before {
        content: '';
        display: table;
      }

      .commit-form-actions:after {
        clear: both;
        content: '';
        display: table;
      }

      .commit-form-actions .BtnGroup {
        margin-right: 5px;
      }

      .commit-form-actions .check-for-fork {
        line-height: 34px;
      }

      .merge-commit-message {
        resize: vertical;
      }

      .commit-sha {
        background-color: #f6f8fa;
        border: 1px solid #eaecef;
        border-radius: 0.2em;
        font-size: 90%;
        font-weight: 400;
        padding: 0.2em 0.4em;
      }

      .commit-partial-notice {
        margin-bottom: 20px;
        margin-top: 20px;
      }

      .commit-paginate-container {
        float: right;
        margin: -5px 0 0;
        text-align: inherit;
      }

      .commit .commit-title,
      .commit .commit-title a {
        color: #444d56;
      }

      .commit .commit-title.blank,
      .commit .commit-title.blank a {
        color: rgba(27, 31, 35, 0.3);
      }

      .commit .commit-title .issue-link {
        color: #0366d6;
        font-weight: 600;
      }

      .commit .sha,
      .commit .sha-block {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
      }

      .commit.open .commit-desc {
        display: block;
      }

      .commit-link {
        color: #0366d6;
        font-weight: 400;
      }

      .commit-email-flash {
        display: inline;
      }

      .commit-desc {
        display: none;
      }

      .commit-desc pre {
        color: #444d56;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 11px;
        line-height: 1.45;
        margin-top: 10px;
        max-width: 700px;
        white-space: pre-wrap;
      }

      .commit-desc + .commit-branches {
        border-top: 1px solid rgba(27, 31, 35, 0.15);
        margin-top: 2px;
        padding-top: 8px;
      }

      .commit-author-section {
        color: #24292e;
      }

      .commit-author-section span.user-mention {
        font-weight: 400;
      }

      .commit-tease {
        background-color: #f1f8ff;
        border: 1px solid #c8e1ff;
        color: #586069;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: -1px;
        padding: 10px;
        position: relative;
      }

      .commit-tease .loader {
        float: left;
        margin: 2px 5px 0 2px;
      }

      .commit-tease .avatar {
        margin-top: -1px;
      }

      .commit-tease.open .commit-desc {
        display: block;
      }

      .branch-infobar + .commit-tease {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .commit-tease-comments {
        margin-right: 15px;
      }

      .commit-tease-sha {
        color: #444d56;
        display: inline-block;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 90%;
      }

      .commits-listing {
        margin-bottom: 15px;
        padding-bottom: 20px;
        position: relative;
      }

      .commits-listing:before {
        background-color: #eff1f3;
        bottom: 0;
        content: '';
        display: block;
        left: 14px;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: -1;
      }

      .commits-listing .discussion-item-icon {
        margin-left: -1px;
        margin-right: 5px;
      }

      .commits-listing .timeline-commits {
        margin-bottom: 20px;
        padding-left: 8px;
      }

      .commits-listing .timeline-commits:last-child {
        margin-bottom: 0;
      }

      .commits-listing-padded {
        padding-left: 39px;
      }

      .commit-group {
        list-style-type: none;
        margin-top: 10px;
      }

      .commit-group-title {
        color: #586069;
        margin-left: -31px;
        margin-top: 15px;
      }

      .commit-group-title .octicon-git-commit {
        background: #fff;
        color: #c6cbd1;
        margin-right: 17px;
      }

      .commits-list-item.navigation-focus,
      .commits-list-item[aria-selected='true'] {
        background: #f6fbff;
      }

      .commits-list-item .commit-title {
        color: #24292e;
        font-size: 15px;
        font-weight: 600;
        margin: 0;
      }

      .commits-list-item .commit-meta {
        color: #586069;
        font-weight: 400;
        margin-top: 1px;
      }

      .commits-list-item .status .octicon {
        height: 14px;
        line-height: 14px;
      }

      .commits-list-item .commit-author {
        color: #586069;
      }

      .commits-list-item .octicon-arrow-right {
        margin: 0 3px;
      }

      .commits-list-item .btn-outline {
        margin-top: 2px;
      }

      .commits-list-item .commit-desc pre {
        color: #586069;
        margin-bottom: 10px;
        margin-top: 5px;
      }

      .commits-list-item .commit-desc pre a {
        word-break: break-word;
      }

      .commits-list-item em {
        background-color: rgba(255, 247, 140, 0.5);
        border-radius: 3px;
        font-style: normal;
        font-weight: 600;
        padding: 3px;
      }

      .commit-indicator {
        margin-left: 4px;
      }

      .commit-links-cell {
        text-align: right;
        width: 335px;
      }

      .commit-links-group {
        margin-right: 5px;
      }

      .commits-list-item + .commits-list-item {
        border-top: 1px solid #e1e4e8;
      }

      .timeline-commits {
        border-collapse: separate;
        margin-top: 5px;
        width: 100%;
      }

      .timeline-commits + .timeline-commits {
        margin-top: 15px;
      }

      .timeline-commits td {
        background-color: transparent;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 4px;
        padding-right: 8px;
        padding-top: 4px;
        vertical-align: top;
      }

      .discussion-item .timeline-commits .commit-author {
        display: none;
      }

      .timeline-commits .author {
        color: #444d56;
        font-weight: 600;
      }

      .timeline-commits .commit-message {
        flex-grow: 2;
        max-width: 550px;
        min-height: 0;
        white-space: normal;
      }

      .timeline-commits .commit-message > code a {
        color: #444d56;
      }

      .timeline-commits .commit-message > code a:hover {
        color: #0366d6;
      }

      .timeline-commits .commit-desc pre {
        color: #586069;
        overflow: visible;
      }

      .timeline-commits .hidden-text-expander .ellipsis-expander {
        background-color: #eaecef;
        height: 13px;
      }

      .timeline-commits .hidden-text-expander .ellipsis-expander:hover {
        background-color: #0366d6;
        color: #fff;
      }

      .timeline-commits .commit-sig-status {
        margin-left: auto;
        width: 60px;
      }

      .timeline-commits .commit-ci-status {
        width: 16px;
      }

      .timeline-commits .commit-ci-status .octicon-primitive-dot {
        margin-left: 2px;
        margin-right: 3px;
        width: 9px;
      }

      .timeline-commits .commit-meta {
        width: 50px;
      }

      .commit-icon {
        color: #d1d5da;
      }

      .commit-icon .octicon {
        background-color: #fff;
      }

      .commit-id {
        color: #959da5;
      }

      .commit-id:hover {
        color: #0366d6;
      }

      .full-commit {
        background: #eaf5ff;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 3px;
        font-size: 14px;
        margin: 10px 0;
        padding: 8px 8px 0;
      }

      .full-commit:first-child {
        margin-top: 0;
      }

      .full-commit .btn-outline,
      .full-commit .btn-outline:disabled {
        background-color: transparent;
        border-color: rgba(27, 31, 35, 0.15);
      }

      .full-commit .btn-outline:not(:disabled):hover {
        border-color: #005cc5;
        color: #005cc5;
      }

      .full-commit p.commit-title {
        color: #05264c;
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 8px;
      }

      .full-commit .branches-list {
        display: inline;
        list-style: none;
        margin-left: 2px;
        margin-right: 10px;
        vertical-align: middle;
      }

      .full-commit .branches-list li {
        color: #444d56;
        display: inline-block;
        font-weight: 600;
        padding-left: 3px;
      }

      .full-commit .branches-list li:before {
        content: '+';
        font-weight: 400;
        padding-right: 6px;
      }

      .full-commit .branches-list li:first-child {
        padding-left: 0;
      }

      .full-commit .branches-list li:first-child:before {
        content: '';
        padding-right: 0;
      }

      .full-commit .branches-list li.loading,
      .full-commit .branches-list li.pull-request {
        color: #6a737d;
        font-weight: 400;
      }

      .full-commit .branches-list li.pull-request:before {
        content: '';
        margin-left: -8px;
      }

      .full-commit .branches-list li.pull-request-error {
        margin-bottom: -1px;
      }

      .full-commit .branches-list li a {
        color: inherit;
      }

      .full-commit .commit-meta {
        background: #fff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 1px solid rgba(27, 31, 35, 0.15);
        margin-left: -8px;
        margin-right: -8px;
        padding: 8px;
      }

      .full-commit .sha-block {
        color: #586069;
        font-size: 12px;
        line-height: 24px;
        margin-left: 16px;
      }

      .full-commit .sha-block > .sha {
        color: #444d56;
      }

      .full-commit .sha-block > a {
        border-bottom: 1px dotted #c6cbd1;
        color: #444d56;
        text-decoration: none;
      }

      .full-commit .sha-block > a:hover {
        border-bottom: 1px solid #444d56;
      }

      .full-commit .commit-desc {
        display: block;
        margin: -5px 0 10px;
      }

      .full-commit .commit-desc pre {
        font-size: 13px;
        max-width: 100%;
        overflow: visible;
        word-wrap: break-word;
      }

      .branches-tag-list {
        display: inline;
        list-style: none;
        margin-left: 2px;
        margin-right: 10px;
        vertical-align: middle;
      }

      .branches-tag-list .more-commit-details,
      .branches-tag-list.open .hidden-text-expander {
        display: none;
      }

      .branches-tag-list.open .more-commit-details {
        display: inline-block;
      }

      .branches-tag-list li {
        display: inline-block;
        padding-left: 3px;
      }

      .branches-tag-list li:first-child {
        color: #444d56;
        font-weight: 600;
        padding-left: 0;
      }

      .branches-tag-list li.loading {
        color: #6a737d;
        font-weight: 400;
      }

      .branches-tag-list li.abbrev-tags {
        cursor: pointer;
      }

      .branches-tag-list li .ellipsis-expander,
      .branches-tag-list li a {
        color: inherit;
      }

      .branches-tag-list li .ellipsis-expander {
        background-color: #d3e2f4;
      }

      .branches-tag-list li .ellipsis-expander:hover {
        background-color: #d6e2f1;
      }

      .commit-branches {
        color: #6a737d;
        font-size: 12px;
        margin-bottom: 8px;
        margin-top: -6px;
        min-height: 18px;
      }

      .commit-branches,
      .commit-branches .octicon {
        vertical-align: middle;
      }

      .commit-loader .loader-error {
        color: #cb2431;
        display: none;
        font-size: 12px;
        font-weight: 600;
        margin: 0;
      }

      .commit-loader.is-error .loader-loading {
        display: none;
      }

      .commit-loader.is-error .loader-error {
        display: block;
      }

      .commit-comments-heading {
        margin-bottom: 15px;
        max-width: 780px;
      }

      .commit-comment-count {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 15px;
      }

      .commit-build-statuses {
        display: inline-block;
        position: relative;
        text-align: left;
      }

      .commit-build-statuses .octicon-primitive-dot {
        width: 10px;
      }

      .commit-build-statuses.active .dropdown-menu-content {
        display: block;
      }

      .commit-build-statuses.active .tooltipped:after,
      .commit-build-statuses.active .tooltipped:before {
        display: none;
      }

      .commit-build-statuses .dropdown-menu {
        max-width: 500px;
        min-width: 400px;
        padding-bottom: 0;
        padding-top: 0;
      }

      .commit-build-statuses .dropdown-menu .merge-status-list {
        border-bottom: 0;
        max-height: 170px;
      }

      .commit-build-statuses .dropdown-menu-e,
      .commit-build-statuses .dropdown-menu-w {
        top: -11px;
      }

      .commit-build-statuses .merge-status-item:last-child {
        border-radius: 0 0 2px 2px;
      }

      .dropdown-signed-commit .dropdown-menu {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 8px;
        white-space: normal;
        width: 260px;
      }

      .dropdown-signed-commit .dropdown-menu:after {
        border-bottom-color: #f6f8fa;
      }

      .dropdown-signed-commit .dropdown-menu-w {
        margin-top: 0;
        top: -28px;
      }

      .dropdown-signed-commit .dropdown-menu-w:after {
        border-bottom-color: transparent;
        border-left-color: #f6f8fa;
      }

      .signed-commit-header {
        background-color: #f6f8fa;
        border-bottom: 1px solid #e1e4e8;
        border-collapse: separate;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        line-height: 1.3;
        padding: 12px;
        white-space: normal;
      }

      .signed-commit-header .octicon-verified {
        color: #28a745;
      }

      .signed-commit-header .octicon-unverified {
        color: #959da5;
      }

      .signed-commit-signer {
        border-collapse: separate;
        margin-top: 12px;
        padding-left: 12px;
        padding-right: 12px;
      }

      .signed-commit-footer {
        font-size: 12px;
        line-height: 1.5;
        padding: 12px;
      }

      .signed-commit-cert-info {
        margin-bottom: 6px;
      }

      .signed-commit-cert-info td {
        vertical-align: top;
      }

      .signed-commit-cert-info td:first-child {
        padding-right: 12px;
        width: 44px;
      }

      .signed-commit-badge {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        background: none;
        border: 1px solid #e1e4e8;
        border-radius: 2px;
        color: #586069;
        display: inline-block;
        font-size: 10px;
        padding: 1px 4px;
        user-select: none;
        vertical-align: middle;
      }

      .signed-commit-badge:hover {
        border-color: #c6cbd1;
        text-decoration: none;
      }

      .signed-commit-badge.verified {
        color: #22863a;
      }

      .signed-commit-badge.verified:hover {
        border-color: #28a745;
      }

      .signed-commit-badge-small {
        margin-right: 3px;
        margin-top: -2px;
      }

      .signed-commit-badge-medium {
        border-radius: 3px;
        font-size: 12px;
        padding: 3px 8px;
      }

      .signed-commit-badge-large {
        border-radius: 3px;
        font-size: 13px;
        line-height: 20px;
        margin-right: 9px;
        margin-top: 2px;
        padding: 6px 12px;
      }

      .signed-commit-verified-label {
        color: #1e7e34;
        white-space: nowrap;
      }

      .signed-commit-signer-name {
        font-size: 14px;
        text-align: left;
      }

      .signed-commit-signer-name .signer {
        color: #24292e;
        display: block;
        font-weight: 600;
      }

      .table-of-contents {
        margin: 15px 0;
      }

      .table-of-contents li {
        list-style-type: none;
        padding: 7px 0;
      }

      .table-of-contents li + li {
        border-top: 1px solid #eaecef;
      }

      .table-of-contents li > .octicon {
        margin-right: 3px;
      }

      .table-of-contents .toc-diff-stats {
        line-height: 26px;
        padding-left: 20px;
      }

      .table-of-contents .toc-diff-stats .octicon {
        color: #c6cbd1;
        float: left;
        margin-left: -20px;
        margin-top: 3px;
      }

      .table-of-contents .toc-diff-stats .btn-link {
        font-weight: 600;
      }

      .table-of-contents .toc-diff-stats + .content {
        padding-top: 5px;
      }

      .table-of-contents .octicon-diff-removed {
        color: #cb2431;
      }

      .table-of-contents .octicon-diff-renamed {
        color: #6a737d;
      }

      .table-of-contents .octicon-diff-modified {
        color: #dbab09;
      }

      .table-of-contents .octicon-diff-added {
        color: #28a745;
      }

      .toc-select .select-menu-modal {
        width: 420px;
      }

      .toc-select .select-menu-item .css-truncate {
        max-width: 290px;
      }

      .toc-select .select-menu-item-heading,
      .toc-select .select-menu-item-text {
        color: #24292e;
      }

      .toc-select .select-menu-item-icon.octicon-diff-removed {
        color: #cb2431;
      }

      .toc-select .select-menu-item-icon.octicon-diff-renamed {
        color: #6a737d;
      }

      .toc-select .select-menu-item-icon.octicon-diff-modified {
        color: #dbab09;
      }

      .toc-select .select-menu-item-icon.octicon-diff-added {
        color: #28a745;
      }

      .toc-select .navigation-focus .diffstat,
      .toc-select .navigation-focus .octicon-diff-added,
      .toc-select .navigation-focus .octicon-diff-modified,
      .toc-select .navigation-focus .octicon-diff-removed,
      .toc-select .navigation-focus .octicon-diff-renamed,
      .toc-select .navigation-focus .select-menu-item-heading,
      .toc-select .navigation-focus .select-menu-item-text,
      .toc-select .navigation-focus .text-gray-light,
      .toc-select .navigation-focus .text-green,
      .toc-select .navigation-focus .text-red,
      .toc-select[aria-selected='true'] .diffstat,
      .toc-select[aria-selected='true'] .octicon-diff-added,
      .toc-select[aria-selected='true'] .octicon-diff-modified,
      .toc-select[aria-selected='true'] .octicon-diff-removed,
      .toc-select[aria-selected='true'] .octicon-diff-renamed,
      .toc-select[aria-selected='true'] .select-menu-item-heading,
      .toc-select[aria-selected='true'] .select-menu-item-text,
      .toc-select[aria-selected='true'] .text-gray-light,
      .toc-select[aria-selected='true'] .text-green,
      .toc-select[aria-selected='true'] .text-red,
      .toc-select [role^='menuitem']:focus .diffstat,
      .toc-select [role^='menuitem']:focus .octicon-diff-added,
      .toc-select [role^='menuitem']:focus .octicon-diff-modified,
      .toc-select [role^='menuitem']:focus .octicon-diff-removed,
      .toc-select [role^='menuitem']:focus .octicon-diff-renamed,
      .toc-select [role^='menuitem']:focus .select-menu-item-heading,
      .toc-select [role^='menuitem']:focus .select-menu-item-text,
      .toc-select [role^='menuitem']:focus .text-gray-light,
      .toc-select [role^='menuitem']:focus .text-green,
      .toc-select [role^='menuitem']:focus .text-red,
      .toc-select [role^='menuitem']:hover .diffstat,
      .toc-select [role^='menuitem']:hover .octicon-diff-added,
      .toc-select [role^='menuitem']:hover .octicon-diff-modified,
      .toc-select [role^='menuitem']:hover .octicon-diff-removed,
      .toc-select [role^='menuitem']:hover .octicon-diff-renamed,
      .toc-select [role^='menuitem']:hover .select-menu-item-heading,
      .toc-select [role^='menuitem']:hover .select-menu-item-text,
      .toc-select [role^='menuitem']:hover .text-gray-light,
      .toc-select [role^='menuitem']:hover .text-green,
      .toc-select [role^='menuitem']:hover .text-red {
        color: #fff !important;
      }

      .select-menu-item + .semantic-toc-file,
      .semantic-toc-symbol:not(.last-visible) {
        overflow: visible !important;
      }

      .select-menu-item + .semantic-toc-file:after,
      .semantic-toc-symbol:not(.last-visible):after {
        background-color: #f6f8fa;
        border-color: #e1e4e8;
        border-style: solid;
        border-width: 1px 0;
        content: ' ';
        height: 16px;
        left: 0;
        pointer-events: none;
        position: absolute;
        width: 100%;
      }

      .semantic-toc-symbol:not(.last-visible) {
        margin-bottom: 16px;
      }

      .semantic-toc-symbol:not(.last-visible):after {
        bottom: -18px;
      }

      .select-menu-item + .semantic-toc-file {
        margin-top: 16px;
      }

      .select-menu-item + .semantic-toc-file:after {
        top: -18px;
      }

      .filterable-active .select-menu-item-nested {
        margin-left: 0;
        padding-left: 16px !important;
      }

      .filterable-active .semantic-toc-symbol {
        margin-bottom: 0;
      }

      .filterable-active .semantic-toc-file {
        margin-top: 0;
      }

      .filterable-active .semantic-toc-file:after,
      .filterable-active .semantic-toc-symbol:after {
        display: none;
      }

      .conversation-list-heading {
        border-bottom: 1px solid #dfe2e5;
        color: #6a737d;
        font-size: 16px;
        font-weight: 400;
        height: 0;
        margin: 35px 0 10px;
        text-align: center;
      }

      .conversation-list-heading .inner {
        background: #fff;
        display: inline-block;
        padding: 0 5px;
        position: relative;
        top: -10px;
      }

      .simple-conversation-list {
        color: #6a737d;
        font-size: 13px;
        margin: 15px 0;
      }

      .simple-conversation-list > li {
        border-top: 1px solid #f6f8fa;
        list-style-type: none;
        margin: 0;
        padding: 11px 0 8px;
      }

      .simple-conversation-list > li:first-child {
        border-top: 0;
      }

      .simple-conversation-list > li .title {
        font-weight: 600;
      }

      .simple-conversation-list > li .num {
        color: #6a737d;
      }

      .simple-conversation-list > li .state {
        margin-right: 3px;
        margin-top: -3px;
        padding-bottom: 2px;
        padding-top: 2px;
      }

      .simple-conversation-list > li .meta {
        float: right;
        margin-left: 10px;
      }

      .simple-conversation-list.varied-states > li .state {
        float: left;
        margin-left: -90px;
        width: 80px;
      }

      .copyable-terminal {
        background-color: #f6f8fa;
        border-radius: 3px;
        padding: 10px 55px 10px 10px;
        position: relative;
      }

      .copyable-terminal-content {
        overflow: auto;
      }

      .copyable-terminal-button {
        position: absolute;
        right: 5px;
        top: 5px;
      }

      .copyable-terminal-button .zeroclipboard-button {
        float: right;
      }

      .copyable-terminal-button .zeroclipboard-button .octicon {
        margin: 0 auto;
        padding-left: 1px;
      }

      filterable-input[loading] .form-control {
        background-image: url(/images/spinners/octocat-spinner-32.gif);
        background-size: 16px;
        padding-right: 30px;
      }

      filterable-input,
      tab-container {
        display: block;
      }

      .Details--on .Details-content--shown {
        display: none !important;
      }

      .Details:not(.Details--on) .Details-content--hidden {
        display: none !important;
      }

      .Details-element[open] > summary .Details-content--closed {
        display: none !important;
      }

      .Details-element:not([open]) > summary .Details-content--open {
        display: none !important;
      }

      .details-overlay[open] > .dropdown-item:hover {
        background: #fff;
        color: inherit;
      }

      details-menu {
        display: block;
      }

      .blob-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
      }

      .page-blob.height-full .blob-wrapper {
        overflow-y: auto;
      }

      .page-edit-blob.height-full .CodeMirror {
        height: 300px;
      }

      .page-edit-blob.height-full .CodeMirror,
      .page-edit-blob.height-full .CodeMirror-scroll {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
      }

      .blob-wrapper-embedded {
        max-height: 240px;
        overflow-y: auto;
      }

      .diff-table {
        border-collapse: separate;
        width: 100%;
      }

      .diff-table .line-comments {
        border-top: 1px solid #e1e4e8;
        padding: 10px;
        vertical-align: top;
      }

      .diff-table .line-comments:first-child + .empty-cell {
        border-left-width: 1px;
      }

      .diff-table tr:not(:last-child) .line-comments {
        border-bottom: 1px solid #e1e4e8;
        border-top: 1px solid #e1e4e8;
      }

      .blob-num {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        color: rgba(27, 31, 35, 0.3);
        cursor: pointer;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        line-height: 20px;
        min-width: 50px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
        user-select: none;
        vertical-align: top;
        white-space: nowrap;
        width: 1%;
      }

      .blob-num:hover {
        color: rgba(27, 31, 35, 0.6);
      }

      .blob-num:before {
        content: attr(data-line-number);
      }

      .blob-num.non-expandable {
        cursor: default;
      }

      .blob-num.non-expandable:hover {
        color: rgba(27, 31, 35, 0.3);
      }

      .blob-code {
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        vertical-align: top;
      }

      .blob-code-inner {
        color: #24292e;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        overflow: visible;
        white-space: pre;
        word-wrap: normal;
      }

      .blob-code-inner .x-first {
        border-bottom-left-radius: 0.2em;
        border-top-left-radius: 0.2em;
      }

      .blob-code-inner .x-last {
        border-bottom-right-radius: 0.2em;
        border-top-right-radius: 0.2em;
      }

      .blob-code-inner.highlighted,
      .blob-code-inner .highlighted {
        background-color: #fffbdd;
      }

      .blob-code-marker:before {
        content: attr(data-code-marker);
      }

      .blob-code-marker-cell {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 1em;
      }

      .blob-code-marker-cell:before {
        content: attr(data-code-marker);
        display: block;
        height: 0;
        width: 0;
      }

      .blob-code-marker-addition:before {
        content: '+ ';
      }

      .blob-code-marker-deletion:before {
        content: '- ';
      }

      .blob-code-marker-context:before {
        content: '  ';
      }

      .soft-wrap .diff-table {
        table-layout: fixed;
      }

      .soft-wrap .blob-code {
        padding-left: 18px;
        text-indent: -7px;
      }

      .soft-wrap .blob-code-inner {
        white-space: pre-wrap;
        word-wrap: break-word;
      }

      .soft-wrap .no-nl-marker {
        display: none;
      }

      .soft-wrap .add-line-comment {
        margin-left: -28px;
      }

      .blob-code-hunk,
      .blob-num-expandable,
      .blob-num-hunk {
        color: rgba(27, 31, 35, 0.7);
        vertical-align: middle;
      }

      .blob-num-expandable,
      .blob-num-hunk {
        background-color: #dbedff;
      }

      .blob-code-hunk {
        background-color: #f1f8ff;
        border-width: 1px 0;
        padding-bottom: 4px;
        padding-top: 4px;
      }

      .blob-expanded .blob-code,
      .blob-expanded .blob-num {
        background-color: #fafbfc;
      }

      .blob-expanded + tr:not(.blob-expanded) .blob-code,
      .blob-expanded + tr:not(.blob-expanded) .blob-num {
        border-top: 1px solid #eaecef;
      }

      .blob-expanded .blob-num-hunk {
        border-top: 1px solid #eaecef;
      }

      tr:not(.blob-expanded) + .blob-expanded .blob-code,
      tr:not(.blob-expanded) + .blob-expanded .blob-num {
        border-top: 1px solid #eaecef;
      }

      .blob-num-expandable {
        font-size: 12px;
        padding: 0;
        text-align: center;
      }

      .blob-num-expandable .diff-expander {
        color: #586069;
        cursor: pointer;
        display: block;
        height: auto;
        margin-right: -1px;
        padding: 4px 11px 4px 10px;
        width: auto;
      }

      .blob-num-expandable .diff-expander .octicon {
        vertical-align: top;
      }

      .blob-num-expandable .directional-expander {
        color: #586069;
        cursor: pointer;
        display: block;
        height: auto;
        margin-right: -1px;
        width: auto;
      }

      .blob-num-expandable .single-expander {
        padding-bottom: 4px;
        padding-top: 4px;
      }

      .blob-num-expandable .diff-expander:hover,
      .blob-num-expandable .directional-expander:hover {
        background-color: #0366d6;
        border-color: #0366d6;
        color: #fff;
        text-shadow: none;
      }

      .blob-code-addition {
        background-color: #e6ffed;
      }

      .blob-code-addition .x {
        background-color: #acf2bd;
        color: #24292e;
      }

      .blob-num-addition {
        background-color: #cdffd8;
        border-color: #bef5cb;
      }

      .blob-code-deletion {
        background-color: #ffeef0;
      }

      .blob-code-deletion .x {
        background-color: #fdb8c0;
        color: #24292e;
      }

      .blob-num-deletion {
        background-color: #ffdce0;
        border-color: #fdaeb7;
      }

      .selected-line.blob-code {
        background-color: #fffbdd;
      }

      .selected-line.blob-code .x {
        background-color: transparent;
      }

      .selected-line.blob-num {
        background-color: #fff5b1;
        border-color: #ffea7f;
      }

      .add-line-comment {
        background-color: #0366d6;
        background-image: linear-gradient(#0372ef, #0366d6);
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(27, 31, 35, 0.15);
        color: #fff;
        cursor: pointer;
        float: left;
        height: 22px;
        line-height: 21px;
        margin: -2px -10px -2px -20px;
        opacity: 0;
        position: relative;
        text-align: center;
        text-indent: 0;
        transform: scale(0.8);
        transition: transform 0.1s ease-in-out;
        width: 22px;
        z-index: 5;
      }

      .add-line-comment:hover {
        transform: scale(1);
      }

      .add-line-comment:focus,
      .is-hovered .add-line-comment {
        opacity: 1;
      }

      .add-line-comment .octicon {
        pointer-events: none;
        vertical-align: text-top;
      }

      .add-line-comment.octicon-check {
        background: #333;
        opacity: 1;
      }

      .inline-comment-form {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
      }

      .inline-review-comment {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
      }

      .inline-review-comment .gc:first-child + tr .blob-code,
      .inline-review-comment .gc:first-child + tr .blob-num {
        padding-top: 5px;
      }

      .inline-review-comment tr:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
      }

      .inline-review-comment tr:last-child .blob-code,
      .inline-review-comment tr:last-child .blob-num {
        padding-bottom: 8px;
      }

      .inline-review-comment tr:last-child .blob-code:first-child,
      .inline-review-comment tr:last-child .blob-num:first-child {
        border-bottom-left-radius: 2px;
      }

      .inline-review-comment tr:last-child .blob-code:last-child,
      .inline-review-comment tr:last-child .blob-num:last-child {
        border-bottom-right-radius: 2px;
      }

      .timeline-inline-comments {
        table-layout: fixed;
        width: 100%;
      }

      .show-inline-notes .inline-comments,
      .timeline-inline-comments .inline-comments {
        display: table-row;
      }

      .inline-comments,
      .inline-comments.is-collapsed {
        display: none;
      }

      .inline-comments .line-comments.is-collapsed {
        visibility: hidden;
      }

      .inline-comments .line-comments + .blob-num {
        border-left-width: 1px;
      }

      .inline-comments .timeline-comment {
        margin-bottom: 10px;
      }

      .comment-holder,
      .inline-comments .inline-comment-form,
      .inline-comments .inline-comment-form-container {
        max-width: 780px;
      }

      .empty-cell + .line-comments,
      .line-comments + .line-comments {
        border-left: 1px solid #eaecef;
      }

      .inline-comment-form-container .inline-comment-form,
      .inline-comment-form-container.open .inline-comment-form-actions {
        display: none;
      }

      .inline-comment-form-container .inline-comment-form-actions,
      .inline-comment-form-container.open .inline-comment-form {
        display: block;
      }

      body.full-width .container,
      body.full-width .container-lg,
      body.split-diff .container,
      body.split-diff .container-lg {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
      }

      body.full-width .repository-content,
      body.split-diff .repository-content {
        width: 100%;
      }

      body.full-width .new-pr-form,
      body.split-diff .new-pr-form {
        max-width: 980px;
      }

      body.full-width .new-pr-form .discussion-sidebar,
      body.split-diff .new-pr-form .discussion-sidebar {
        width: 200px;
      }

      .file-diff-split {
        table-layout: fixed;
      }

      .file-diff-split .blob-code + .blob-num {
        border-left: 1px solid #f6f8fa;
      }

      .file-diff-split .blob-code-inner {
        white-space: pre-wrap;
        word-wrap: break-word;
      }

      .file-diff-split .empty-cell {
        background-color: #fafbfc;
        border-right-color: #eaecef;
        cursor: default;
      }

      .submodule-diff-stats .octicon-diff-removed {
        color: #cb2431;
      }

      .submodule-diff-stats .octicon-diff-renamed {
        color: #677a85;
      }

      .submodule-diff-stats .octicon-diff-modified {
        color: #d0b44c;
      }

      .submodule-diff-stats .octicon-diff-added {
        color: #28a745;
      }

      .BlobToolbar {
        left: -17px;
      }

      .BlobToolbar-dropdown {
        margin-left: -2px;
      }

      .code-navigation-banner {
        background: linear-gradient(
          180deg,
          rgba(242, 248, 254, 0),
          rgba(242, 248, 254, 0.47)
        );
      }

      .code-navigation-banner .code-navigation-banner-illo {
        background-image: url(/images/modules/blob/code-navigation-banner-illo.svg);
        background-position: 50%;
        background-repeat: no-repeat;
      }

      .pl-token.active,
      .pl-token:hover {
        background: #ffea7f;
        cursor: pointer;
      }

      .diffstat {
        color: #586069;
        cursor: default;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
      }

      .block-diff-added,
      .block-diff-deleted,
      .block-diff-neutral {
        display: inline-block;
        height: 8px;
        margin-left: 1px;
        width: 8px;
      }

      .block-diff-deleted,
      .text-red .block-diff-neutral {
        background-color: #cb2431;
      }

      .block-diff-added,
      .block-diff-neutral {
        background-color: #2cbe4e;
      }

      .block-diff-neutral {
        background-color: #d1d5da;
      }

      .discussion-timeline {
        float: left;
        position: relative;
        width: 760px;
      }

      .discussion-timeline:before {
        background-color: #e6ebf1;
        bottom: 0;
        content: '';
        display: block;
        left: 79px;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: -1;
      }

      .discussion-timeline.team-discussion-timeline:before {
        background-color: #e1e4e8;
        bottom: 24px;
        left: 20px;
        z-index: auto;
      }

      .discussion-timeline.team-discussion-timeline .blankslate {
        background: #fff;
      }

      .discussion-sidebar {
        float: right;
        top: 0;
        width: 200px;
        z-index: 21;
      }

      .discussion-sidebar-item {
        color: #586069;
        font-size: 12px;
        padding-top: 15px;
      }

      .discussion-sidebar-item .btn .octicon {
        margin-right: 0;
      }

      .discussion-sidebar-item .re-request-icon {
        color: #c3c8cf;
      }

      .discussion-sidebar-item .re-request-icon:hover {
        color: #0366d6;
        cursor: pointer;
        text-decoration: none;
      }

      .discussion-sidebar-item + .discussion-sidebar-item {
        border-top: 1px solid #e6ebf1;
        margin-top: 15px;
      }

      .discussion-sidebar-item .select-menu {
        position: relative;
      }

      .discussion-sidebar-item .select-menu-modal-holder {
        left: auto;
        right: -1px;
        top: 25px;
      }

      .discussion-sidebar-heading {
        color: #586069;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
      }

      .discussion-sidebar-toggle {
        margin: -5px 0 5px;
        padding: 5px 0;
      }

      .discussion-sidebar-toggle .octicon {
        color: #c3c8cf;
        float: right;
      }

      .discussion-sidebar-toggle:hover {
        color: #0366d6;
        cursor: pointer;
        text-decoration: none;
      }

      .discussion-sidebar-toggle:hover .octicon {
        color: inherit;
      }

      button.discussion-sidebar-toggle {
        background: none;
        border: 0;
        display: block;
        font-weight: 600;
        text-align: left;
        width: 100%;
      }

      .sidebar-milestone .progress-bar,
      .sidebar-projects .progress-bar {
        border-radius: 2px;
        height: 8px;
        margin-bottom: 2px;
      }

      .milestone-name {
        color: #586069;
        display: block;
        font-weight: 600;
        margin-top: 5px;
      }

      .milestone-name .css-truncate-target {
        max-width: 100%;
      }

      .milestone-name:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .sidebar-assignee .css-truncate-target {
        max-width: 110px;
      }

      .sidebar-assignee .assignee {
        color: #586069;
        font-weight: 600;
        vertical-align: middle;
      }

      .sidebar-assignee .assignee:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .sidebar-assignee .reviewers-status-icon {
        width: 14px;
      }

      .sidebar-assignee .octicon {
        margin-top: 2px;
      }

      .sidebar-notifications {
        position: relative;
      }

      .sidebar-notifications .thread-subscription-status {
        border: 0;
        margin: 0;
        padding: 0;
      }

      .sidebar-notifications
        .thread-subscription-status
        .thread-subscribe-form {
        display: block;
      }

      .sidebar-notifications .thread-subscription-status .octicon-radio-tower {
        display: none;
      }

      .sidebar-notifications .thread-subscription-status .reason {
        margin: 5px 0 0;
        padding: 0;
      }

      .sidebar-notifications .thread-subscription-status .btn-sm {
        display: block;
        width: 100%;
      }

      .participation .participant-avatar {
        float: left;
        margin: 3px 0 0 3px;
      }

      .participation a {
        color: #586069;
      }

      .participation a:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .participation-avatars {
        margin-left: -3px;
      }

      .participation-avatars:before {
        content: '';
        display: table;
      }

      .participation-avatars:after {
        clear: both;
        content: '';
        display: table;
      }

      .participation-more {
        float: left;
        line-height: 14px;
        margin: 6px 0 0;
      }

      .inline-comment-form .form-actions,
      .timeline-new-comment .form-actions {
        padding: 0 8px 8px;
      }

      .inline-comment-form:before {
        content: '';
        display: table;
      }

      .inline-comment-form:after {
        clear: both;
        content: '';
        display: table;
      }

      .inline-comment-form .tabnav-tabs {
        display: inline-block;
      }

      .inline-comment-form .form-actions {
        float: right;
      }

      .gh-header-actions {
        float: right;
        margin-top: 3px;
      }

      .gh-header-actions .btn-sm {
        float: left;
        margin-left: 5px;
      }

      .gh-header-actions .btn-sm .octicon {
        margin-right: 0;
      }

      .gh-header {
        background-color: #fff;
      }

      .gh-header .gh-header-sticky {
        height: 1px;
      }

      .gh-header .gh-header-sticky .meta {
        font-size: 13px;
      }

      .gh-header .gh-header-sticky .gh-header-shadow,
      .gh-header .gh-header-sticky .sticky-content {
        display: none;
      }

      .gh-header .gh-header-sticky.is-stuck {
        height: 60px;
        z-index: 110;
      }

      .gh-header .gh-header-sticky.is-stuck .sticky-content {
        display: block;
      }

      .gh-header .gh-header-sticky.is-stuck .css-truncate-target {
        max-width: 150px;
      }

      .gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        content: '';
        display: block;
        height: 60px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 109;
      }

      .gh-header .gh-header-edit {
        display: none;
      }

      .gh-header .gh-header-meta .base-ref {
        display: inline-block;
      }

      .gh-header .gh-header-meta .commit-ref-dropdown,
      .gh-header.open .gh-header-show {
        display: none;
      }

      .gh-header.open .gh-header-edit {
        display: block;
      }

      .gh-header.open .gh-header-meta .base-ref {
        display: none;
      }

      .gh-header.open .gh-header-meta .commit-ref-dropdown {
        display: inline-block;
        margin-bottom: -1px;
        margin-top: -3px;
        vertical-align: top;
      }

      .gh-header-title {
        font-weight: 400;
        line-height: 1.125;
        margin-bottom: 0;
        margin-right: 150px;
        word-wrap: break-word;
      }

      .gh-header-no-access .gh-header-title {
        margin-right: 0;
      }

      .gh-header-number {
        color: #a3aab1;
        font-weight: 300;
        letter-spacing: -1px;
      }

      .gh-header-edit:before {
        content: '';
        display: table;
      }

      .gh-header-edit:after {
        clear: both;
        content: '';
        display: table;
      }

      .gh-header-edit .edit-issue-title {
        background-color: #fafbfc;
        float: left;
        font-size: 16px;
        margin-right: 10px;
        padding: 7px 10px;
        width: 760px;
      }

      .gh-header-edit .edit-issue-title:focus {
        background-color: #fff;
      }

      .gh-header-edit .btn {
        float: left;
        padding: 7px 15px;
      }

      .gh-header-edit .btn-link {
        float: left;
        margin: 7px 10px;
      }

      .gh-header-meta {
        border-bottom: 1px solid #e6ebf1;
        color: #586069;
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
        padding-bottom: 20px;
      }

      .gh-header.issue .gh-header-meta {
        margin-bottom: 15px;
      }

      .gh-header.pull .gh-header-meta {
        border-bottom: 0;
        padding-bottom: 0;
      }

      .gh-header-meta .TableObject-item--primary {
        white-space: normal;
        word-wrap: break-word;
      }

      .gh-header-meta
        .TableObject-item--primary
        .commit-ref
        .css-truncate-target,
      .gh-header-meta
        .TableObject-item--primary
        .commit-ref:hover
        .css-truncate-target {
        max-width: 780px !important;
      }

      .gh-header-meta .State {
        margin-right: 8px;
      }

      .gh-header-meta .avatar {
        float: left;
        margin-right: 5px;
        margin-top: -3px;
      }

      .gh-header-meta .noun {
        text-transform: lowercase;
      }

      .tabnav-pr {
        border-color: #e1e4e8;
        margin: 15px 0 20px;
      }

      .tabnav-pr .tabnav-tab {
        color: #586069;
        font-size: 13px;
        padding: 9px 14px;
        position: relative;
      }

      .tabnav-pr .tabnav-tab.selected {
        border-color: #e1e4e8;
        color: #24292e;
      }

      .timeline-comment-wrapper > .timeline-comment:after,
      .timeline-comment-wrapper > .timeline-comment:before,
      .timeline-new-comment .timeline-comment:after,
      .timeline-new-comment .timeline-comment:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .timeline-comment-wrapper > .timeline-comment:after,
      .timeline-new-comment .timeline-comment:after {
        border-right-color: #f6f8fa;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .timeline-comment-wrapper > .timeline-comment:before,
      .timeline-new-comment .timeline-comment:before {
        border-right-color: #d1d5da;
        border-width: 8px;
      }

      .timeline-comment-wrapper {
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        margin-bottom: 15px;
        margin-top: 15px;
        padding-left: 60px;
        position: relative;
      }

      .timeline-comment-wrapper .timeline-comment.current-user:after,
      .timeline-comment-wrapper .timeline-comment.current-user:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .timeline-comment-wrapper .timeline-comment.current-user:after {
        border-right-color: #f1f8ff;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .timeline-comment-wrapper .timeline-comment.current-user:before {
        border-right-color: #c0d3eb;
        border-width: 8px;
      }

      .timeline-comment-wrapper .timeline-comment.unread-item:after,
      .timeline-comment-wrapper .timeline-comment.unread-item:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .timeline-comment-wrapper .timeline-comment.unread-item:after {
        border-right-color: #fffdef;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .timeline-comment-wrapper .timeline-comment.unread-item:before {
        border-right-color: #e5d999;
        border-width: 8px;
      }

      .timeline-comment-avatar {
        border-radius: 3px;
        float: left;
        margin-left: -60px;
      }

      .timeline-comment {
        background-color: #fff;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        position: relative;
      }

      .timeline-comment.will-transition-once {
        transition: border-color 0.65s ease-in-out;
      }

      .timeline-comment.will-transition-once .timeline-comment-header {
        transition: background-color 0.65s ease,
          border-bottom-color 0.65s ease-in-out;
      }

      .timeline-comment.will-transition-once .timeline-comment-label {
        transition: border-color 0.65s ease-in-out;
      }

      .timeline-comment.will-transition-once:after,
      .timeline-comment.will-transition-once:before {
        transition: border-right-color 0.65s ease-in-out;
      }

      .timeline-comment.current-user {
        border-color: #c0d3eb;
      }

      .timeline-comment.current-user .timeline-comment-header {
        background-color: #f1f8ff;
        border-bottom-color: #c0d3eb;
      }

      .timeline-comment.current-user .timeline-comment-label {
        border-color: #c0d3eb;
      }

      .timeline-comment.current-user
        .previewable-comment-form
        .comment-form-head.tabnav {
        background-color: #f1f8ff;
        border-bottom-color: #c0d3eb;
        color: #c0d3eb;
      }

      .timeline-comment.unread-item {
        border-color: #e5d999;
      }

      .timeline-comment.unread-item .timeline-comment-header {
        background-color: #fffdef;
        border-bottom-color: #e5d999;
      }

      .timeline-comment.unread-item .timeline-comment-label {
        border-color: #e5d999;
      }

      .timeline-comment.unread-item
        .previewable-comment-form
        .comment-form-head.tabnav {
        background-color: #fffdef;
        border-bottom-color: #e5d999;
        color: #e5d999;
      }

      .timeline-comment:empty {
        display: none;
      }

      .timeline-comment .comment + .comment {
        border-top: 1px solid #e1e4e8;
      }

      .timeline-comment .comment + .comment:after,
      .timeline-comment .comment + .comment:before {
        display: none;
      }

      .timeline-comment .comment + .comment .timeline-comment-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .timeline-comment-group:target .timeline-comment {
        border-color: #2188ff;
        box-shadow: 0 0 0 0.2em #c8e1ff;
      }

      .timeline-comment-group:target .timeline-comment:before {
        border-right-color: #2188ff;
        filter: drop-shadow(-0.25em 0 0 #c8e1ff);
      }

      .review-comment:target {
        border: 1px solid #2188ff;
        border-radius: 3px;
        box-shadow: 0 0 0 0.2em #c8e1ff;
      }

      .timeline-comment:target .review-summary {
        box-shadow: 0 0 0 0.2em #c8e1ff;
      }

      .timeline-comment:target .review-summary:before {
        border-bottom-color: #2188ff;
        filter: drop-shadow(0 -0.28em 0 #c8e1ff);
      }

      .timeline-comment:target .review-summary .comment-body {
        border: 1px solid #2188ff;
        border-radius: 3px;
      }

      .timeline-comment-header {
        background-color: #f6f8fa;
        border-bottom: 1px solid #d1d5da;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #586069;
        padding-left: 15px;
        padding-right: 15px;
      }

      .timeline-comment-header:only-child {
        border-bottom: 0;
        border-radius: 3px;
      }

      .timeline-comment-header .author {
        color: #586069;
      }

      .timeline-comment-header .timestamp {
        color: inherit;
        white-space: nowrap;
      }

      .timeline-comment-header code {
        word-break: break-all;
      }

      .comment-type-icon {
        color: inherit;
      }

      .timeline-comment-label {
        border: 1px solid rgba(27, 31, 35, 0.1);
        border-radius: 3px;
        cursor: default;
        float: right;
        font-size: 12px;
        margin: 8px 0 0 10px;
        padding: 2px 5px;
      }

      .timeline-comment-label-spammy {
        border-color: #d73a49;
        color: #cb2431;
      }

      .timeline-comment-header-text {
        max-width: 78%;
        padding-bottom: 10px;
        padding-top: 10px;
      }

      .timeline-comment-header-text code a {
        color: #586069;
      }

      .timeline-comment-actions {
        float: right;
        margin-left: 10px;
        margin-right: -5px;
      }

      .timeline-comment-actions .show-more-popover.dropdown-menu-sw {
        margin-top: -5px;
        right: -6px;
      }

      .timeline-comment-action {
        color: inherit;
        display: inline-block;
        opacity: 0.5;
        padding: 10px 5px;
      }

      .timeline-comment-action:focus,
      .timeline-comment-action:hover {
        color: #0366d6;
        opacity: 1;
        text-decoration: none;
      }

      .timeline-comment-action .octicon-check {
        font-size: 18px;
        height: 16px;
      }

      .timeline-comment-action.disabled {
        color: #b1b7bc;
        cursor: default;
      }

      .timeline-comment-action.disabled:hover {
        color: #b1b7bc;
      }

      .compare-tab-comments .timeline-comment-actions {
        display: none;
      }

      .timeline-new-comment {
        margin-bottom: 0;
        max-width: 780px;
      }

      .timeline-new-comment .comment-form-head {
        margin-bottom: 10px;
      }

      .timeline-new-comment .previewable-comment-form .comment-body {
        border-bottom: 1px solid #e1e4e8;
        padding: 5px 5px 15px;
      }

      .discussion-item + .discussion-item,
      .discussion-item-review + .discussion-item {
        border-top: 1px solid #e6ebf1;
        padding-top: 15px;
      }

      .discussion-item + .discussion-item-review {
        border-top: 1px solid #e6ebf1;
        padding-top: 8px;
      }

      .discussion-item {
        margin: 15px 0 15px 79px;
        padding-left: 25px;
        position: relative;
      }

      .discussion-item .author {
        color: #586069;
        font-weight: 600;
      }

      .discussion-item .timestamp {
        color: inherit;
        white-space: nowrap;
      }

      .discussion-item.open .discussion-item-details {
        display: block;
      }

      .discussion-item.open .discussion-item-toggler-opened {
        display: inline;
      }

      .discussion-item.open .discussion-item-toggler-closed {
        display: none;
      }

      .discussion-item .code-owner {
        color: inherit;
      }

      .discussion-item-details {
        display: none;
      }

      .discussion-item-deployed {
        border-top: 1px solid #e6ebf1;
        padding-top: 15px;
      }

      .discussion-item-toggler-opened {
        display: none;
      }

      .discussion-item-icon {
        background-color: #e6ebf1;
        border: 2px solid #fff;
        border-radius: 50%;
        color: #586069;
        float: left;
        height: 32px;
        line-height: 28px;
        margin-left: -40px;
        margin-top: -7px;
        text-align: center;
        width: 32px;
      }

      .discussion-item-icon .octicon-pencil {
        font-size: 14px;
      }

      .discussion-item-header {
        color: #586069;
        line-height: 22px;
        min-height: 30px;
        padding-bottom: 5px;
        padding-top: 5px;
        word-wrap: break-word;
      }

      .discussion-item-header .avatar {
        height: 16px;
        width: 16px;
      }

      .discussion-item-header .discussion-item-private {
        vertical-align: -1px;
      }

      .discussion-item-header:last-child {
        padding-bottom: 0;
      }

      .discussion-item-header .commit-ref {
        font-size: 85%;
        vertical-align: baseline;
      }

      .discussion-item-header .btn-outline {
        float: right;
        margin-left: 10px;
        margin-top: -5px;
        padding: 4px 8px;
      }

      .discussion-item-body {
        margin-top: 5px;
      }

      .discussion-item-footer {
        font-size: 12px;
      }

      .discussion-item-link {
        color: #586069;
      }

      .discussion-item-link:hover {
        color: #0366d6;
      }

      .discussion-item-entity {
        color: #24292e;
        font-weight: 600;
      }

      .discussion-item-entity:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .discussion-item-ref-title .issue-num {
        color: #586069;
        font-weight: 400;
      }

      .discussion-item-ref-title .title-link {
        color: #24292e;
      }

      .discussion-item-ref-title .title-link:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .discussion-item-ref-title .title-link:hover .issue-num {
        color: inherit;
      }

      .discussion-item-context-icon {
        display: inline-block;
        line-height: 22px;
        margin-left: 10px;
      }

      .discussion-item-help {
        color: #586069;
      }

      .discussion-item-help:hover {
        color: #0366d6;
      }

      .discussion-item-private {
        color: rgba(27, 31, 35, 0.7);
      }

      .discussion-item-rollup-ref .discussion-item-context-icon,
      .discussion-item-rollup-ref .State {
        margin-top: 2px;
      }

      .discussion-item-reopened .discussion-item-icon,
      .discussion-item-review.is-approved.is-writer .discussion-item-icon {
        background-color: #2cbe4e;
        color: #fff;
      }

      .discussion-item-closed .discussion-item-icon,
      .discussion-item-rejected .discussion-item-icon,
      .discussion-item-review.is-rejected.is-writer .discussion-item-icon {
        background-color: #cb2431;
        color: #fff;
      }

      .discussion-item-head_ref_deleted .discussion-item-icon {
        background-color: #6a737d;
        color: #fff;
        padding-left: 1px;
      }

      .discussion-item-locked .discussion-item-icon,
      .discussion-item-unlocked .discussion-item-icon {
        background-color: #24292e;
        color: #fff;
      }

      .discussion-item-integrations-callout .discussion-item-icon {
        background-color: #428ade;
        color: #fff;
      }

      .discussion-item-integrations-callout .pull-request-integrations-dismiss {
        color: #586069;
        margin: -3px 0 0 10px;
        padding: 4px 8px;
      }

      .pull-request-integrations-title {
        color: #24292e;
        font-size: 15px;
        margin: 0;
      }

      .pull-request-integrations-body {
        color: #586069;
        margin-top: 5px;
      }

      .discussion-item .renamed-is,
      .discussion-item .renamed-was {
        color: #24292e;
        font-weight: 600;
      }

      .discussion-commits .discussion-item-icon {
        padding-top: 1px;
      }

      .discussion-commits .discussion-item-body {
        margin-left: -31px;
        margin-top: 0;
      }

      .discussion-item-changes-marker {
        margin-bottom: 0;
      }

      .discussion-item-changes-marker .discussion-item-icon {
        background-color: #0366d6;
        color: #fff;
      }

      .discussion-item-changes-marker + .discussion-commits {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
      }

      .discussion-item-changes-marker
        + .discussion-commits
        .discussion-item-icon {
        display: none;
      }

      .new-discussion-timeline
        .previewable-comment-form
        .comment-form-head.tabnav {
        background: #f6f8fa;
        border-radius: 3px 3px 0 0;
        padding: 6px 10px 0;
      }

      .new-discussion-timeline .previewable-comment-form .comment {
        border: 0;
      }

      .new-discussion-timeline .previewable-comment-form .comment-body {
        background-color: transparent;
        border-bottom: 1px solid #e1e4e8;
        padding: 5px 5px 15px;
      }

      .new-discussion-timeline
        .previewable-comment-form
        .timeline-comment
        .timeline-comment-actions {
        display: none;
      }

      .new-discussion-timeline .closed-banner {
        background: #e6ebf1;
        border-bottom: 15px solid #fff;
        border-radius: 0;
        height: 19px;
        margin: 15px 0 -15px;
        overflow: visible;
        position: relative;
      }

      .new-discussion-timeline .composer .timeline-comment {
        margin-bottom: 10px;
      }

      .new-discussion-timeline .composer .timeline-comment:after {
        border-right-color: #fff;
      }

      .new-discussion-timeline .composer .comment-form-head.tabnav {
        background-color: #fff;
        padding-top: 0;
      }

      .composer.composer-responsive {
        padding-left: 0;
      }

      .composer.composer-responsive .discussion-topic-header {
        padding: 0;
      }

      .composer.composer-responsive .timeline-comment {
        border: 0;
      }

      .composer.composer-responsive .timeline-comment:after,
      .composer.composer-responsive .timeline-comment:before {
        display: none;
      }

      .composer.composer-responsive .previewable-comment-form .write-content {
        margin: 0;
      }

      @media (min-width: 768px) {
        .composer.composer-responsive {
          padding-left: 60px;
        }

        .composer.composer-responsive .timeline-comment {
          border: 1px solid #d1d5da;
        }

        .composer.composer-responsive .timeline-comment:after,
        .composer.composer-responsive .timeline-comment:before {
          border-color: transparent;
          border-style: solid solid outset;
          content: ' ';
          display: block;
          height: 0;
          left: -16px;
          pointer-events: none;
          position: absolute;
          right: 100%;
          top: 11px;
          width: 0;
        }

        .composer.composer-responsive .timeline-comment:after {
          border-right-color: #f6f8fa;
          border-width: 7px;
          margin-left: 2px;
          margin-top: 1px;
        }

        .composer.composer-responsive .timeline-comment:before {
          border-right-color: #d1d5da;
          border-width: 8px;
        }
      }

      .discussion-timeline-actions {
        background-color: #fff;
        border-top: 2px solid #e6ebf1;
      }

      .discussion-timeline-actions .merge-pr {
        border-top: 0;
        padding-top: 0;
      }

      .discussion-timeline-actions .thread-subscription-status {
        margin-top: 20px;
      }

      .discussion-timeline-actions
        .thread-subscription-status
        .octicon-radio-tower {
        display: none;
      }

      .discussion-item-merged .discussion-item-icon,
      .discussion-item-published .discussion-item-icon {
        background-color: #6f42c1;
        color: #fff;
        padding-left: 1px;
      }

      .discussion-item-merged.open .discussion-item-footer,
      .discussion-item-published.open .discussion-item-footer {
        display: none;
      }

      .discussion-item-merged.open .discussion-item-details,
      .discussion-item-published.open .discussion-item-details {
        border: 1px solid #d1d5da;
        border-radius: 3px;
        margin-bottom: 10px;
        margin-top: 5px;
      }

      .discussion-item-merged.open .discussion-item-details-header,
      .discussion-item-published.open .discussion-item-details-header {
        border-top: 1px solid #d1d5da;
        font-size: inherit;
        margin-bottom: 0;
        margin-top: 0;
        padding: 12px 15px;
      }

      .discussion-item-merged.open .discussion-item-details-header:first-child,
      .discussion-item-published.open
        .discussion-item-details-header:first-child {
        border-top: 0;
      }

      .discussion-item-merged.open .merge-status-list,
      .discussion-item-published.open .merge-status-list {
        border-top-color: #d1d5da;
        margin: 0;
        max-height: 370px;
      }

      .discussion-item-merged.open .merge-status-item,
      .discussion-item-published.open .merge-status-item {
        padding-left: 15px;
      }

      .pagination-loader-container {
        background-color: #fff;
        background-image: url(/images/modules/pulls/progressive-disclosure-line@2x.png);
        background-position: 0;
        background-repeat: repeat-x;
        background-size: 32px;
      }

      .progressive-timeline-loader-container {
        padding-left: 64px;
      }

      .deployment-icon .octicon-rocket {
        bottom: -1px;
        left: -1px;
        position: relative;
      }

      .environment-name {
        color: #586069;
      }

      .deployment-meta {
        color: #586069;
        font-size: 12px;
      }

      .deployment-meta .octicon {
        color: #c3c8cf;
      }

      .deployment-status-label {
        background: none;
        border: 1px solid #e1e4e8;
        border-radius: 2px;
        color: #6a737d;
        display: inline-block;
        font-size: 10px;
        line-height: 16px;
        margin-right: 3px;
        margin-top: -2px;
        padding: 1px 4px;
        vertical-align: middle;
      }

      .deployment-status-label.is-error,
      .deployment-status-label.is-failure {
        color: #cb2431;
        text-align: center;
      }

      .deployment-status-label.is-active {
        color: #28a745;
      }

      .deployment-status-label.is-in_progress,
      .deployment-status-label.is-pending,
      .deployment-status-label.is-queued {
        color: #b08800;
      }

      .pull-request-review-body-wrapper {
        margin-left: -20px;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:after,
      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:after {
        border-right-color: #f6f8fa;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:before {
        border-right-color: #d1d5da;
        border-width: 8px;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:after,
      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:before {
        border-right-color: transparent;
        border-style: solid;
        left: 11px;
        top: -16px;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:before {
        border-bottom-color: #d1d5da;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment.current-user:before {
        border-bottom-color: #c0d3eb;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:after {
        border-bottom-color: #f6f8fa;
        margin-left: 1px;
        margin-top: 2px;
      }

      .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment.current-user:after {
        border-bottom-color: #f1f8ff;
      }

      .timeline-comment:target
        .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment {
        border-color: #2188ff;
        box-shadow: 0 0 0 0.2em #c8e1ff;
      }

      .timeline-comment:target
        .pull-request-review-body-wrapper
        .timeline-comment-group
        .timeline-comment:before {
        border-bottom-color: #2188ff;
        filter: drop-shadow(0 -0.28em 0 #c8e1ff);
      }

      .discussion-item-review {
        border: 0;
        margin: 20px 0 20px 80px;
        padding-left: 0;
      }

      .discussion-item-review .discussion-item {
        margin-left: -30px;
      }

      .discussion-item-review .discussion-item-copy {
        max-width: 460px;
      }

      .discussion-item-review .discussion-item-body {
        margin-left: 25px;
      }

      .discussion-item-review .file-header {
        background-color: #fafbfc;
        border-bottom: 1px solid #d1d5da;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 2px 12px;
      }

      .discussion-item-review .blob-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .discussion-item-review > .timeline-comment {
        background-color: transparent;
        border: 0;
      }

      .discussion-item-review > .timeline-comment:after,
      .discussion-item-review > .timeline-comment:before {
        display: none;
      }

      .discussion-item-review > .timeline-comment .discussion-item-icon {
        margin-left: -11px;
        margin-right: 8px;
      }

      .discussion-item-review .timeline-comment-avatar {
        margin-left: -80px;
        margin-top: -7px;
      }

      .discussion-item-review.is-pending .form-actions {
        margin-bottom: 5px;
        margin-right: 10px;
      }

      .discussion-item-review.is-pending .comment-form-head.tabnav,
      .discussion-item-review.is-pending .file,
      .discussion-item-review.is-pending .file-header,
      .discussion-item-review.is-pending .tabnav-tab.selected {
        border-color: #d9d0a5;
      }

      .discussion-item-review.is-pending .comment-form-head.tabnav,
      .discussion-item-review.is-pending .file-header {
        background-color: #fffdef;
      }

      .discussion-item-review-comment {
        border-bottom: 1px solid #e1e4e8;
      }

      .discussion-item-review-comment:last-child {
        border-bottom: 0;
      }

      .review-summary {
        margin-left: -20px;
        position: relative;
      }

      .review-summary:after,
      .review-summary:before {
        border: 8px solid transparent;
        border-bottom-color: #fff;
        content: ' ';
        left: 11px;
        position: absolute;
      }

      .review-summary:after {
        border-bottom-color: #fff;
        top: -15px;
      }

      .review-summary:before {
        border-bottom-color: #d1d5da;
        top: -16px;
      }

      .discussion-item-icon-gray {
        background-color: #e6ebf1 !important;
      }

      .dropdown {
        position: relative;
      }

      .dropdown.active .dropdown-menu-content {
        display: block;
        pointer-events: all;
      }

      .dropdown-caret {
        border-bottom: 0 solid transparent;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top-style: solid;
        border-top-width: 4px;
        content: '';
        display: inline-block;
        height: 0;
        vertical-align: middle;
        width: 0;
      }

      .dropdown-menu {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 4px;
        box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
        left: 0;
        list-style: none;
        margin-top: 2px;
        padding-bottom: 5px;
        padding-top: 5px;
        position: absolute;
        top: 100%;
        width: 160px;
        z-index: 100;
      }

      .dropdown-menu:after,
      .dropdown-menu:before {
        content: '';
        display: inline-block;
        position: absolute;
      }

      .dropdown-menu:before {
        border: 8px solid transparent;
        border-bottom-color: rgba(27, 31, 35, 0.15);
      }

      .dropdown-menu:after {
        border: 7px solid transparent;
        border-bottom-color: #fff;
      }

      .dropdown-menu > ul {
        list-style: none;
      }

      .dropdown-menu-no-overflow {
        width: auto;
      }

      .dropdown-menu-no-overflow .dropdown-item {
        overflow: visible;
        padding: 4px 16px;
        text-overflow: inherit;
      }

      .dropdown-item {
        color: #24292e;
        display: block;
        overflow: hidden;
        padding: 4px 10px 4px 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .dropdown-item.zeroclipboard-is-hover,
      .dropdown-item:focus,
      .dropdown-item:hover {
        background-color: #0366d6;
        color: #fff;
        outline: none;
        text-decoration: none;
      }

      .dropdown-item.zeroclipboard-is-hover > .octicon,
      .dropdown-item:focus > .octicon,
      .dropdown-item:hover > .octicon {
        color: inherit;
        opacity: 1;
      }

      .dropdown-item.btn-link,
      .dropdown-signout {
        text-align: left;
        width: 100%;
      }

      .dropdown-signout {
        background: none;
        border: 0;
      }

      .dropdown-divider {
        border-top: 1px solid #e1e4e8;
        display: block;
        height: 0;
        margin: 8px 0;
      }

      .dropdown-header {
        color: #586069;
        font-size: 12px;
        padding: 4px 16px;
      }

      .dropdown-menu-content {
        display: none;
      }

      .dropdown-menu-content.anim-scale-in {
        pointer-events: none;
        position: relative;
        z-index: 100;
      }

      .dropdown-menu-w {
        left: auto;
        margin-right: 10px;
        margin-top: 0;
        right: 100%;
        top: 0;
        width: auto;
      }

      .dropdown-menu-w:before {
        border-color: transparent transparent transparent rgba(27, 31, 35, 0.15);
        left: auto;
        right: -16px;
        top: 10px;
      }

      .dropdown-menu-w:after {
        border-color: transparent transparent transparent #fff;
        left: auto;
        right: -14px;
        top: 11px;
      }

      .dropdown-menu-e {
        left: 100%;
        margin-left: 10px;
        margin-top: 0;
        top: 0;
        width: auto;
      }

      .dropdown-menu-e:before {
        border-color: transparent rgba(27, 31, 35, 0.15) transparent transparent;
        left: -16px;
        top: 10px;
      }

      .dropdown-menu-e:after {
        border-color: transparent #fff transparent transparent;
        left: -14px;
        top: 11px;
      }

      .dropdown-menu-ne {
        bottom: 100%;
        left: 0;
        margin-bottom: 3px;
        top: auto;
      }

      .dropdown-menu-ne:after,
      .dropdown-menu-ne:before {
        right: auto;
        top: auto;
      }

      .dropdown-menu-ne:before {
        border-bottom: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid rgba(27, 31, 35, 0.15);
        bottom: -8px;
        left: 9px;
      }

      .dropdown-menu-ne:after {
        border-bottom: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff;
        bottom: -7px;
        left: 10px;
      }

      .dropdown-menu-s {
        left: auto;
        right: 50%;
        transform: translateX(50%);
      }

      .dropdown-menu-s:before {
        right: 50%;
        top: -16px;
        transform: translateX(50%);
      }

      .dropdown-menu-s:after {
        right: 50%;
        top: -14px;
        transform: translateX(50%);
      }

      .dropdown-menu-sw {
        left: auto;
        right: 0;
      }

      .dropdown-menu-sw:before {
        left: auto;
        right: 9px;
        top: -16px;
      }

      .dropdown-menu-sw:after {
        left: auto;
        right: 10px;
        top: -14px;
      }

      .dropdown-menu-se:before {
        left: 9px;
        top: -16px;
      }

      .dropdown-menu-se:after {
        left: 10px;
        top: -14px;
      }

      g-emoji {
        font-family: Apple Color Emoji, Segoe UI, Segoe UI Emoji,
          Segoe UI Symbol;
        font-size: 1.2em;
        font-style: normal !important;
        font-weight: 400;
        line-height: 20px;
        vertical-align: middle;
      }

      g-emoji img {
        height: 1em;
        width: 1em;
      }

      body.emoji-size-boost g-emoji {
        margin-right: 3px;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        body.emoji-size-boost g-emoji {
          font-size: 1.4em;
          margin-right: 0;
        }
      }

      .emoji-icon {
        background-repeat: no-repeat;
        background-size: 20px 20px;
        width: 20px;
      }

      .emoji-icon,
      .emoji-result {
        display: inline-block;
        height: 20px;
        vertical-align: middle;
      }

      .emoji-result {
        font-size: 18px;
        font-weight: 400;
      }

      .flash-banner {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        border-top: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 90;
      }

      .signed-in-tab-flash,
      .signed-out-tab-flash {
        display: none;
      }

      .stale-session-flash.is-signed-in .signed-in-tab-flash,
      .stale-session-flash.is-signed-out .signed-out-tab-flash {
        display: inline;
      }

      .org-privileges-tour-dismiss {
        color: #586069;
        margin: -3px 0 0 10px;
        padding: 4px 8px;
      }

      .footer-octicon {
        color: #c6cbd1;
      }

      .footer-octicon:hover {
        color: #959da5;
      }

      .page-responsive .footer .footer-octicon {
        display: none;
      }

      @media (min-width: 1012px) {
        .page-responsive .footer .footer-octicon {
          display: block;
        }
      }

      .gollum-editor .comment-form-head.tabnav {
        border: 1px solid #dfe2e5;
      }

      .gollum-editor .gollum-editor-body {
        height: 390px;
        resize: vertical;
      }

      .active .gollum-editor-function-buttons {
        display: block !important;
      }

      include-fragment,
      poll-include-fragment {
        display: block;
      }

      kbd {
        background-color: #fafbfc;
        border: 1px solid #d1d5da;
        border-bottom-color: #c6cbd1;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #c6cbd1;
        color: #444d56;
        display: inline-block;
        font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        line-height: 10px;
        padding: 3px 5px;
        vertical-align: middle;
      }

      .badmono {
        font-family: sans-serif;
        font-weight: 600;
      }

      .kb-shortcut-dialog {
        min-width: 800px;
      }

      .kb-konami-dialog {
        background: none;
        border: 0;
        box-shadow: none;
        min-width: 720px;
        outline: none;
      }

      .kb-konami-dialog .Box-btn-octicon {
        border: 1px solid #fff;
        border-radius: 3px;
        color: #fff;
        display: flex;
        justify-content: center;
        opacity: 0.6;
        padding: 4px 8px;
      }

      .kb-konami-dialog .Box-btn-octicon:before {
        content: 'ESC';
        display: block;
        font-size: 11px;
        letter-spacing: 1px;
        margin-right: 4px;
      }

      .kb-konami-dialog .octocat-spinner {
        display: none;
      }

      .konami {
        background: none;
        overflow: hidden;
        padding: 32px 0;
      }

      .konami,
      .konami .key {
        position: relative;
        text-align: center;
      }

      .konami .key {
        background: rgba(36, 41, 46, 0.13);
        border: 1px dashed hsla(0, 0%, 100%, 0.38);
        border-bottom: 4px solid #b8b6b6;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1);
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        height: 36px;
        margin: 2px 0 6px;
        padding: 3px 8px;
        width: 36px;
      }

      .konami-overlay {
        background: none;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100;
      }

      .konami-overlay .dot {
        color: #0e0;
        position: absolute;
        z-index: 100;
      }

      .konami .key + .key {
        margin-left: 12px;
      }

      .konami .key.complete {
        background: none;
        border: solid #fff;
        border-width: 1px 1px 4px;
        color: #fff;
      }

      .konami .key.active {
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: konami-color;
        background: #40e37a;
        border: 0;
        border-bottom: 4px solid #00a63e;
        border-radius: 4px;
        box-sizing: border-box;
        color: #24292e;
        padding: 4px 8px;
        top: -4px;
      }

      .konami .key.down.active {
        background: #5155e0;
        border: 0;
        border-bottom: 2px solid #3135d6;
        border-radius: 4px;
        box-sizing: border-box;
        color: #fff;
        height: 34px;
        line-height: 24px;
        margin-bottom: 6px;
        position: relative;
        top: 2px;
      }

      @keyframes konami-color {
        0% {
          background: #c1fa9c;
          border-bottom: 2px solid #a2f76b;
        }

        50% {
          background: #40e37a;
          border-bottom: 2px solid #00cc4c;
        }

        to {
          background: #40c4d7;
          border-bottom: 2px solid #1eb4c9;
        }
      }

      .konami .enter-link {
        animation: konami-appear 5s;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: konami-enter-link;
        background: #40e37a;
        border: 0;
        color: #24292e;
        letter-spacing: 1px;
        transition: all 0.12s linear;
      }

      .konami .enter-link:hover {
        animation-name: none;
        background: none;
        border: 1px solid #40e37a;
        color: #fff;
      }

      @keyframes konami-enter-link {
        0% {
          background: #c1fa9c;
        }

        50% {
          background: #40e37a;
        }

        to {
          background: #40c4d7;
        }
      }

      .secret-edit-mode {
        border: 1px solid #40e37a;
        color: 1px solid #40e37a;
      }

      .IssueLabel {
        border-radius: 2px;
        box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);
        font-size: 12px;
        font-weight: 600;
        height: 20px;
        line-height: 15px;
        padding: 0.15em 4px;
      }

      .IssueLabel .g-emoji {
        display: inline-block;
        font-size: 1em;
        line-height: 1;
        position: relative;
        top: -0.05em;
      }

      .IssueLabel:hover {
        text-decoration: none;
      }

      .IssueLabel--big {
        border-radius: 3px;
        font-size: 16px;
        font-weight: 600;
        line-height: 2;
        padding: 0 8px;
        transition: opacity 0.2s linear;
      }

      .IssueLabel--big .g-emoji {
        display: inline-block;
        margin-top: -1px;
      }

      .IssueLabel--big:hover {
        opacity: 0.85;
      }

      .list-group-item {
        border: 1px solid #e1e4e8;
        display: block;
        margin-bottom: -1px;
        padding: 8px 10px 10px 40px;
        position: relative;
      }

      .list-group-item:before {
        content: '';
        display: table;
      }

      .list-group-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .list-group-item a:hover {
        text-decoration: none;
      }

      .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .list-group-item:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-bottom: 0;
      }

      .list-group-item.closed {
        background-color: #fafbfc;
      }

      .list-group-item.selectable {
        padding-left: 60px;
      }

      .list-group-item.selected {
        background-color: #fffdef;
      }

      .list-group-item.navigation-focus,
      .list-group-item[aria-selected='true'] {
        background-color: #f1f8ff;
      }

      .list-group-item .list-group-item-summary a {
        color: #586069;
      }

      .list-group-item .list-group-item-summary a.quiet {
        color: #6a737d;
      }

      .list-group-item .status {
        float: right;
        margin-right: -9px;
        position: relative;
        top: 2px;
      }

      .list-group-item .type-icon {
        position: relative;
        text-align: center;
        top: 1px;
        vertical-align: middle;
        width: 16px;
      }

      .list-group-item .assignee {
        float: right;
      }

      .list-group-item .assignee img {
        border-radius: 2px;
        display: block;
      }

      .list-group-item .labels {
        display: inline-block;
        margin-bottom: -2px;
        margin-left: 4px;
        top: -2px;
      }

      .list-group-item-name {
        font-size: 15px;
        line-height: 1.3;
        margin: 0 60px 2px 0;
        word-wrap: break-word;
      }

      .list-group-item-name .type-icon {
        float: left;
        margin-left: -24px;
        margin-top: 1px;
      }

      .list-group-item-link {
        color: #24292e;
      }

      .draft.octicon {
        color: #6a737d;
      }

      .closed.octicon,
      .reverted.octicon {
        color: #cb2431;
      }

      .open.octicon {
        color: #28a745;
      }

      .merged.octicon {
        color: #6f42c1;
      }

      .list-group-item-summary {
        margin-top: 2px;
      }

      .list-group-item-summary p {
        margin: 0 0 5px;
      }

      .standalone .list-group-item-summary p {
        margin-bottom: 0;
      }

      .animated-ellipsis-container {
        display: inline-block;
        height: 12px;
        overflow: hidden;
        transform: translateZ(0);
        width: 12px;
      }

      .animated-ellipsis-container > .animated-ellipsis {
        animation: ellipsis 1s infinite;
        display: inline-block;
        overflow: hidden;
        vertical-align: bottom;
      }

      .large-loading-area {
        padding: 100px 0;
        text-align: center;
      }

      .team-mention,
      .user-mention {
        color: #24292e;
        font-weight: 600;
        white-space: nowrap;
      }

      .pagehead {
        border-bottom: 1px solid #e1e4e8;
        margin-bottom: 24px;
        padding-bottom: 24px;
        padding-top: 24px;
        position: relative;
      }

      .pagehead.admin {
        background: url(/images/modules/pagehead/background-yellowhatch-v3.png)
          0 0 repeat-x;
      }

      .pagehead ul.pagehead-actions {
        float: right;
        margin: 0;
        position: relative;
        z-index: 31;
      }

      .pagehead .path-divider {
        margin: 0 0.25em;
      }

      .pagehead h1 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 0;
        margin-top: 0;
      }

      .pagehead h1 .avatar {
        margin-bottom: -2px;
        margin-right: 9px;
        margin-top: -2px;
      }

      .pagehead .account-switcher {
        margin-bottom: -3px;
        margin-top: -3px;
      }

      .pagehead .underline-nav {
        height: 69px;
        margin-bottom: -20px;
        margin-top: -20px;
      }

      .pagehead-heading {
        color: inherit;
      }

      .pagehead-actions > li {
        color: #24292e;
        float: left;
        font-size: 11px;
        list-style-type: none;
        margin: 0 10px 0 0;
      }

      .pagehead-actions > li:last-child {
        margin-right: 0;
      }

      .pagehead-actions .octicon-mute {
        color: #cb2431;
      }

      .pagehead-actions .select-menu {
        position: relative;
      }

      .pagehead-actions .select-menu:before {
        content: '';
        display: table;
      }

      .pagehead-actions .select-menu:after {
        clear: both;
        content: '';
        display: table;
      }

      .pagehead-actions .select-menu-modal-holder {
        top: 100%;
      }

      .pagehead-tabs-item {
        border: 1px solid transparent;
        border-radius: 3px 3px 0 0;
        border-top: 3px solid transparent;
        color: #586069;
        float: left;
        padding: 8px 15px 11px;
        white-space: nowrap;
      }

      .pagehead-tabs-item .octicon {
        color: rgba(27, 31, 35, 0.3);
      }

      .pagehead-tabs-item .Counter {
        color: #444d56;
      }

      .pagehead-tabs-item:hover {
        color: #24292e;
        text-decoration: none;
      }

      .pagehead-tabs-item.selected {
        background-color: #fff;
        border-color: #e36209 #e1e4e8 transparent;
        color: #24292e;
        font-weight: 600;
      }

      .pagehead-tabs-item.selected > .octicon {
        color: inherit;
      }

      .repohead.experiment-repo-nav {
        background-color: #fafbfc;
        padding-bottom: 0;
      }

      .repohead .repohead-details-container {
        margin-bottom: 20px;
      }

      .repohead.fork h1,
      .repohead.mirror h1 {
        height: auto;
        margin-bottom: 15px;
        margin-top: -5px;
      }

      .repohead h1 {
        color: #586069;
        float: left;
        font-size: 18px;
        line-height: 26px;
        max-width: 635px;
        padding-left: 18px;
        position: relative;
      }

      .repohead h1.private .octicon {
        color: rgba(27, 31, 35, 0.5);
      }

      .repohead h1 .octicon {
        color: #959da5;
        left: 0;
        margin-top: 5px;
        position: absolute;
        top: 0;
      }

      .repohead .octicon-mirror {
        left: -3px;
      }

      .repohead .octicon-lock {
        top: 10px;
      }

      .repohead .fork-flag,
      .repohead .mirror-flag {
        display: block;
        font-size: 11px;
        line-height: 10px;
        white-space: nowrap;
      }

      .reponav {
        margin-top: -5px;
        position: relative;
        top: 1px;
      }

      .reponav:before {
        content: '';
        display: table;
      }

      .reponav:after {
        clear: both;
        content: '';
        display: table;
      }

      .reponav-dropdown {
        float: left;
        position: relative;
      }

      .reponav-dropdown.active .dropdown-menu-content {
        display: block;
      }

      .reponav-item {
        border: 1px solid transparent;
        border-radius: 3px 3px 0 0;
        border-top: 3px solid transparent;
        color: #586069;
        float: left;
        padding: 7px 15px 8px;
        white-space: nowrap;
      }

      .reponav-item .octicon {
        color: rgba(27, 31, 35, 0.3);
      }

      .reponav-item .Counter {
        color: #444d56;
      }

      .reponav-item:focus,
      .reponav-item:hover {
        color: #24292e;
        text-decoration: none;
      }

      .reponav-item.selected {
        background-color: #fff;
        border-color: #e36209 #e1e4e8 transparent;
        color: #24292e;
      }

      .reponav-item.selected > .octicon {
        color: inherit;
      }

      .reponav-wrapper {
        background-color: #24292e;
        overflow-y: hidden;
        position: relative;
        z-index: 2;
      }

      .reponav-wrapper .reponav {
        -webkit-overflow-scrolling: touch;
        color: hsla(0, 0%, 100%, 0.75);
        margin-top: 0;
        overflow-x: auto;
        padding-left: 8px;
        padding-right: 8px;
        top: 0;
      }

      .reponav-wrapper .reponav-item {
        border: 0;
        color: hsla(0, 0%, 100%, 0.75);
        display: inline-block;
        float: none;
        padding: 4px 8px 16px;
      }

      .reponav-wrapper .reponav-item .Counter {
        background-color: hsla(0, 0%, 100%, 0.15);
        color: inherit;
      }

      .reponav-wrapper .reponav-item.selected {
        background-color: transparent;
        border: 0;
        color: #fff;
        font-weight: 600;
      }

      .progress-bar {
        background-color: #eaecef;
        border-radius: 3px;
        display: block;
        height: 15px;
        overflow: hidden;
      }

      .progress-bar .progress {
        background-color: #2cbe4e;
        display: block;
        height: 100%;
      }

      .reverse-progress-container {
        background-color: #e1e4e8;
        background-image: linear-gradient(
          90deg,
          #28a745,
          #005cc5,
          #3a1d6e,
          #cb2431,
          #f66a0a
        );
        background-size: 100% 3px;
        height: 3px;
        position: relative;
      }

      .reverse-progress-bar {
        background-color: #e1e4e8;
        height: 100%;
        position: absolute;
        right: 0;
      }

      .progress-bar-small {
        height: 10px;
      }

      .progress-bar-inline .progress-bar {
        border: 1px solid #e1e4e8;
        border-radius: 0;
        border-top: 0;
        width: 100%;
      }

      .steps {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
        display: table;
        list-style: none;
        margin: 30px auto 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
      }

      .steps li {
        background-color: #fafbfc;
        border-left: 1px solid #dfe2e5;
        color: #c6cbd1;
        cursor: default;
        display: table-cell;
        padding: 10px 15px;
        width: 33.3%;
      }

      .steps li.current {
        background-color: #fff;
        color: #24292e;
      }

      .steps li.current .octicon {
        color: #0366d6;
      }

      .steps li .octicon {
        float: left;
        margin-bottom: 5px;
        margin-right: 15px;
      }

      .steps li .step {
        display: block;
      }

      .steps li:first-child {
        border-left: 0;
      }

      .steps .complete {
        color: #586069;
      }

      .steps .complete .octicon {
        color: #28a745;
      }

      .prose-diff .anchor {
        display: none;
      }

      .prose-diff .show-rich-diff {
        color: #0366d6;
        cursor: pointer;
        text-decoration: none;
      }

      .prose-diff .show-rich-diff:hover {
        text-decoration: underline;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable {
        cursor: pointer;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
        display: block;
      }

      .prose-diff.collapsed
        .rich-diff-level-zero.expandable
        .unchanged:not(.vicinity) {
        display: none;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
        color: #d1d5da;
        display: block;
        margin: 20px auto;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
        color: #24292e;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:before {
        color: #d1d5da;
        content: 'Sorry, no visible changes to display.';
        font-size: 18px;
      }

      .prose-diff.collapsed
        .rich-diff-level-zero.expandable:only-child:hover:before {
        color: #24292e;
      }

      .prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
      .prose-diff.collapsed .rich-diff-level-zero.expandable > del {
        display: none;
        text-decoration: none;
      }

      .prose-diff .markdown-body {
        padding: 30px 30px 30px 15px;
      }

      .prose-diff .markdown-body > ins {
        box-shadow: inset 4px 0 0 #2cbe4e;
      }

      .prose-diff .markdown-body > del {
        box-shadow: inset 4px 0 0 #cb2431;
        text-decoration: none;
      }

      .prose-diff .markdown-body > del,
      .prose-diff .markdown-body > ins {
        border-radius: 0;
        display: block;
      }

      .prose-diff .markdown-body > del > .rich-diff-level-one,
      .prose-diff .markdown-body > del > .rich-diff-level-zero,
      .prose-diff .markdown-body > ins > .rich-diff-level-one,
      .prose-diff .markdown-body > ins > .rich-diff-level-zero {
        margin-left: 15px;
      }

      .prose-diff .markdown-body > del:first-child *,
      .prose-diff .markdown-body > ins:first-child * {
        margin-top: 0;
      }

      .prose-diff .rich-diff-level-zero.added {
        box-shadow: inset 4px 0 0 #2cbe4e;
      }

      .prose-diff .rich-diff-level-zero.removed {
        box-shadow: inset 4px 0 0 #cb2431;
      }

      .prose-diff .rich-diff-level-zero.changed {
        box-shadow: inset 4px 0 0 #f9c513;
      }

      .prose-diff .rich-diff-level-zero.unchanged,
      .prose-diff .rich-diff-level-zero.vicinity {
        margin-left: 15px;
      }

      .prose-diff .rich-diff-level-zero.added,
      .prose-diff .rich-diff-level-zero.changed,
      .prose-diff .rich-diff-level-zero.removed {
        border-radius: 0;
        display: block;
      }

      .prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
      .prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one,
      .prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one {
        margin-left: 15px;
      }

      .prose-diff .rich-diff-level-zero.added:first-child *,
      .prose-diff .rich-diff-level-zero.changed:first-child *,
      .prose-diff .rich-diff-level-zero.removed:first-child * {
        margin-top: 0;
      }

      .prose-diff
        :not(.changed)
        > :not(.github-user-ins):not(.github-user-del)
        > .removed,
      .prose-diff
        :not(.changed)
        > :not(.github-user-ins):not(.github-user-del)
        > del {
        text-decoration: none;
      }

      .prose-diff .changed .removed,
      .prose-diff .changed .removed > div,
      .prose-diff .changed .removed code,
      .prose-diff .changed .removed pre,
      .prose-diff .changed del,
      .prose-diff .changed del > div,
      .prose-diff .changed del code,
      .prose-diff .changed del pre {
        background: #ffdce0;
        color: #cb2431;
        text-decoration: line-through;
      }

      .prose-diff .changed .added,
      .prose-diff .changed ins,
      .prose-diff .changed ins code,
      .prose-diff .changed ins pre {
        background: #e6ffed;
        border-bottom: 1px solid #2cbe4e;
      }

      .prose-diff > .markdown-body .github-user-ins {
        text-decoration: underline;
      }

      .prose-diff > .markdown-body .github-user-del {
        text-decoration: line-through;
      }

      .prose-diff > .markdown-body li ul.added {
        background: #e6ffed;
      }

      .prose-diff > .markdown-body li ul.removed {
        background: #ffeef0;
        color: #cb2431;
      }

      .prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
        text-decoration: line-through;
      }

      .prose-diff > .markdown-body li.added.moved-down .octicon,
      .prose-diff > .markdown-body li.added.moved-up .octicon {
        color: #d1d5da;
        margin-left: 5px;
        margin-right: 5px;
      }

      .prose-diff > .markdown-body li.added.moved {
        background: #fffdef;
      }

      .prose-diff > .markdown-body li.removed.moved {
        display: none;
      }

      .prose-diff > .markdown-body pre {
        padding: 10px 20px;
      }

      .prose-diff > .markdown-body td.changed,
      .prose-diff > .markdown-body th.changed {
        background: #fffdef;
        border-left-color: #dfe2e5;
      }

      .prose-diff > .markdown-body :not(li.moved).removed {
        background: #ffeef0;
        color: #cb2431;
        text-decoration: line-through;
      }

      .prose-diff
        > .markdown-body
        :not(.github-user-ins):not(li.moved).removed {
        text-decoration: line-through;
      }

      .prose-diff > .markdown-body :not(li.moved).added,
      .prose-diff > .markdown-body li:not(.moved).added {
        background: #e6ffed;
      }

      .prose-diff
        > .markdown-body
        :not(.github-user-del):not(li.moved).added
        li:not(.moved):not(.github-user-del).added {
        text-decoration: none;
      }

      .prose-diff > .markdown-body li:not(.moved).removed {
        background: #ffeef0;
        color: #cb2431;
      }

      .prose-diff
        > .markdown-body
        li:not(.moved):not(.github-user-ins).removed {
        text-decoration: line-through;
      }

      .prose-diff > .markdown-body .added,
      .prose-diff > .markdown-body ins,
      .prose-diff > .markdown-body ins + .added {
        border-bottom: 0;
        border-top: 0;
      }

      .prose-diff
        > .markdown-body
        .added:not(.github-user-del):not(.github-user-ins),
      .prose-diff
        > .markdown-body
        ins
        + .added:not(.github-user-del):not(.github-user-ins),
      .prose-diff
        > .markdown-body
        ins:not(.github-user-del):not(.github-user-ins) {
        text-decoration: none;
      }

      .prose-diff > .markdown-body img.added,
      .prose-diff > .markdown-body img.removed {
        border-style: solid;
        border-width: 1px;
      }

      .prose-diff
        > .markdown-body
        ins
        > div:not(.github-user-del):not(.github-user-ins),
      .prose-diff
        > .markdown-body
        ins
        code:not(.github-user-del):not(.github-user-ins),
      .prose-diff
        > .markdown-body
        ins
        pre:not(.github-user-del):not(.github-user-ins) {
        text-decoration: none;
      }

      .prose-diff > .markdown-body ul > del,
      .prose-diff > .markdown-body ul > ins {
        display: block;
        padding: 0;
      }

      .prose-diff > .markdown-body .added > li,
      .prose-diff > .markdown-body .removed > li {
        margin-bottom: 0;
        margin-top: 0;
      }

      a.added_href,
      a.changed_href,
      b.changed_tag,
      code.changed_tag,
      em.changed_tag,
      i.changed_tag,
      span.changed_tag,
      span.removed_href,
      strong.changed_tag {
        border-bottom: 1px dotted #6a737d;
        border-radius: 0;
      }

      .diff-view .file-type-prose .rich-diff {
        display: none;
      }

      .diff-view .display-rich-diff .rich-diff {
        display: block;
      }

      .diff-view .display-rich-diff .file-diff,
      .diff-view .display-rich-diff.has-inline-notes .show-file-notes {
        display: none;
      }

      .protip {
        margin-top: 20px;
        text-align: center;
      }

      .protip code {
        background-color: #f6f8fa;
        border-radius: 3px;
        padding: 2px;
      }

      .protip-callout {
        border: 1px solid #eaecef;
        border-radius: 3px;
        color: #444d56;
        margin-bottom: 20px;
        padding: 8px 10px;
        text-align: left;
      }

      .radio-group:before {
        content: '';
        display: table;
      }

      .radio-group:after {
        clear: both;
        content: '';
        display: table;
      }

      .radio-label {
        border: 1px solid #d1d5da;
        color: #24292e;
        cursor: pointer;
        float: left;
        margin-left: -1px;
        padding: 8px 10px 8px 35px;
      }

      :checked + .radio-label {
        border-color: #0366d6;
        position: relative;
        z-index: 1;
      }

      .radio-label .octicon {
        padding-right: 5px;
      }

      .radio-label:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
      }

      .radio-label:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        padding-right: 16px;
      }

      .radio-input {
        float: left;
        margin: 14px -35px 0 14px;
        z-index: 3;
      }

      .add-reaction-btn {
        opacity: 0;
        transition: opacity 0.1s ease-in-out;
      }

      .add-reaction-plus-icon {
        margin-right: -1px;
      }

      .reaction-popover-container {
        display: inline-block;
      }

      .reaction-popover-container[open] .add-reaction-btn {
        opacity: 1;
      }

      .add-reaction-popover.dropdown-menu {
        width: 146px;
      }

      .add-reaction-popover.dropdown-menu-ne {
        bottom: 100%;
        left: 6px;
        margin-bottom: 3px;
      }

      .reaction-popover-form .loading-spinner {
        display: none;
        float: right;
      }

      .reaction-popover-form.loading .loading-spinner {
        display: inline;
      }

      .add-reactions-options:before {
        content: '';
        display: table;
      }

      .add-reactions-options:after {
        clear: both;
        content: '';
        display: table;
      }

      .add-reactions-options-item {
        float: left;
        line-height: 29px;
        transform: scale(1);
        transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
        width: 34px;
      }

      .add-reactions-options-item:focus,
      .add-reactions-options-item:hover {
        text-decoration: none;
        transform: scale(1.2);
      }

      .add-reactions-options-item:active {
        background-color: #dbedff;
      }

      .comment-reactions:before {
        content: '';
        display: table;
      }

      .comment-reactions:after {
        clear: both;
        content: '';
        display: table;
      }

      .comment-reactions .reaction-popover-container {
        z-index: 100;
      }

      .comment-reactions.has-reactions {
        border-top: 1px solid #e1e4e8;
      }

      .comment-reactions.has-reactions:hover .add-reaction-btn {
        opacity: 1;
      }

      .comment-reactions .user-has-reacted {
        background-color: #f1f8ff;
      }

      .comment-reactions .add-reaction-btn {
        border-right: 0;
      }

      .reaction-summary-item {
        border-right: 1px solid #e1e4e8;
        float: left;
        line-height: 18px;
        padding: 9px 15px 7px;
      }

      .reaction-summary-item:focus,
      .reaction-summary-item:hover {
        text-decoration: none;
      }

      .comment-reactions-options .reaction-summary-item:first-child {
        border-bottom-left-radius: 2px;
      }

      .render-container {
        background: #dfe2e5;
        line-height: 0;
        padding: 30px;
        text-align: center;
      }

      .render-container .render-viewer {
        border: 0;
        display: none;
        height: 100%;
        width: 100%;
      }

      .render-container .octospinner,
      .render-container .render-fullscreen,
      .render-container .render-viewer-error,
      .render-container .render-viewer-fatal,
      .render-container .render-viewer-invalid {
        display: none;
      }

      .render-container.is-render-automatic .octospinner,
      .render-container.is-render-requested.is-render-failed
        .render-viewer-error,
      .render-container.is-render-requested .octospinner {
        display: inline-block;
      }

      .render-container.is-render-requested.is-render-failed .octospinner,
      .render-container.is-render-requested.is-render-failed .render-viewer,
      .render-container.is-render-requested.is-render-failed
        .render-viewer-fatal,
      .render-container.is-render-requested.is-render-failed
        .render-viewer-invalid {
        display: none;
      }

      .render-container.is-render-requested.is-render-failed-fatal
        .render-viewer-fatal {
        display: inline-block;
      }

      .render-container.is-render-requested.is-render-failed-fatal .octospinner,
      .render-container.is-render-requested.is-render-failed-fatal
        .render-viewer,
      .render-container.is-render-requested.is-render-failed-fatal
        .render-viewer-error,
      .render-container.is-render-requested.is-render-failed-fatal
        .render-viewer-invalid {
        display: none;
      }

      .render-container.is-render-requested.is-render-failed-invalid
        .render-viewer-invalid {
        display: inline-block;
      }

      .render-container.is-render-requested.is-render-failed-invalid
        .octospinner,
      .render-container.is-render-requested.is-render-failed-invalid
        .render-viewer,
      .render-container.is-render-requested.is-render-failed-invalid
        .render-viewer-error,
      .render-container.is-render-requested.is-render-failed-invalid
        .render-viewer-fatal {
        display: none;
      }

      .render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
        background: none;
        height: 500px;
        padding: 0;
      }

      .render-container.is-render-ready.is-render-requested:not(.is-render-failed)
        .render-viewer {
        display: block;
      }

      .render-container.is-render-ready.is-render-requested:not(.is-render-failed)
        .render-fullscreen {
        display: flex;
      }

      .render-container.is-render-ready.is-render-requested:not(.is-render-failed)
        .octospinner,
      .render-container.is-render-ready.is-render-requested:not(.is-render-failed)
        .render-viewer-error,
      .render-container.is-render-ready.is-render-requested:not(.is-render-failed)
        .render-viewer-fatal {
        display: none;
      }

      .render-notice {
        background-color: #f6f8fa;
        border-color: rgba(27, 31, 35, 0.15);
        color: #444d56;
        font-size: 14px;
        padding: 20px 15px;
      }

      .select-menu-button:after {
        border: 4px solid transparent;
        border-top-color: currentcolor;
        content: '';
        display: inline-block;
        height: 0;
        vertical-align: -2px;
        width: 0;
      }

      .select-menu-button.icon-only {
        padding-left: 7px;
      }

      .select-menu-button.primary:after {
        border-top-color: #fff;
      }

      .select-menu-button.primary:after:active {
        background-color: #28a745;
      }

      .select-menu-button-large:after {
        border-width: 0.33em;
        margin-left: 0.25em;
      }

      .select-menu .spinner {
        float: left;
        margin: 4px 0 0 -24px;
      }

      .select-menu.active .select-menu-modal-holder {
        display: block;
      }

      .select-menu.select-menu-modal-right {
        position: relative;
      }

      .select-menu.select-menu-modal-right .select-menu-modal-holder {
        right: 0;
      }

      .select-menu .select-menu-clear-item {
        display: block;
      }

      .select-menu .select-menu-clear-item .octicon {
        color: inherit;
      }

      .select-menu .select-menu-clear-item + .select-menu-no-results {
        display: none !important;
      }

      .select-menu.is-loading .select-menu-loading-overlay {
        display: block;
      }

      .select-menu.is-loading .select-menu-modal {
        min-height: 200px;
      }

      .select-menu.has-error .select-menu-error {
        display: block;
      }

      .select-menu-error {
        display: none;
      }

      .select-menu-loading-overlay {
        background-color: hsla(0, 0%, 100%, 0.8);
        border: 1px solid transparent;
        border-radius: 5px;
        display: none;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5;
      }

      .select-menu-loading-overlay .octicon-octoface {
        left: 50%;
        margin: -16px 0 0 -16px;
        position: absolute;
        top: 50%;
      }

      .select-menu-modal-holder {
        display: none;
        position: absolute;
        z-index: 30;
      }

      .select-menu-modal {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 3px;
        box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
        color: #586069;
        font-size: 12px;
        margin-bottom: 20px;
        margin-top: 4px;
        overflow: hidden;
        position: relative;
        width: 300px;
      }

      .select-menu-modal-narrow {
        width: 200px;
      }

      .select-menu-divider,
      .select-menu-header {
        background: #f6f8fa;
        border-bottom: 1px solid #e1e4e8;
        line-height: 16px;
        padding: 8px 10px;
      }

      .select-menu-divider,
      .select-menu-header .select-menu-title {
        color: #24292e;
        font-weight: 600;
      }

      .select-menu-divider {
        border-top: 1px solid #e1e4e8;
        margin-top: -1px;
      }

      .select-menu-header .close-button,
      .select-menu-header .octicon {
        color: #c6cbd1;
        cursor: pointer;
        display: block;
        float: right;
      }

      .select-menu-header .close-button:hover,
      .select-menu-header .octicon:hover {
        color: #444d56;
      }

      .select-menu-header:focus {
        outline: none;
      }

      .select-menu-filters {
        background-color: #f6f8fa;
      }

      .select-menu-text-filter {
        padding: 10px 10px 0;
      }

      .select-menu-text-filter:first-child:last-child {
        border-bottom: 1px solid #dfe2e5;
        padding-bottom: 10px;
      }

      .select-menu-text-filter input {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        display: block;
        max-width: 100%;
        padding: 5px;
        width: 100%;
      }

      .select-menu-text-filter input:-ms-input-placeholder {
        color: #a3aab1;
      }

      .select-menu-text-filter input::-ms-input-placeholder {
        color: #a3aab1;
      }

      .select-menu-text-filter input::placeholder {
        color: #a3aab1;
      }

      .select-menu-tabs {
        border-bottom: 1px solid #dfe2e5;
        padding: 10px 10px 0;
      }

      .select-menu-tabs ul {
        bottom: -1px;
        position: relative;
      }

      .select-menu-tabs .select-menu-tab {
        display: inline-block;
      }

      .select-menu-tabs .select-menu-tab-nav,
      .select-menu-tabs a {
        background: transparent;
        border: 1px solid transparent;
        border-radius: 3px 3px 0 0;
        color: #6a737d;
        cursor: pointer;
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        padding: 4px 8px 2px;
        text-decoration: none;
      }

      .select-menu-tabs .select-menu-tab-nav:hover,
      .select-menu-tabs a:hover {
        color: #24292e;
      }

      .select-menu-tabs .select-menu-tab-nav.selected,
      .select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
      .select-menu-tabs a.selected,
      .select-menu-tabs a[aria-selected='true'] {
        background-color: #fff;
        border-color: #dfe2e5 #dfe2e5 #fff;
        color: #24292e;
      }

      .select-menu-list {
        max-height: 400px;
        overflow: auto;
        position: relative;
      }

      .select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
        display: block;
      }

      .select-menu-list.is-showing-new-item-form .select-menu-clear-item,
      .select-menu-list.is-showing-new-item-form .select-menu-no-results {
        display: none;
      }

      .select-menu-blankslate {
        padding: 16px;
        text-align: center;
      }

      .select-menu-blankslate svg {
        display: block;
        fill: #879099;
        margin-bottom: 9px;
        margin-left: auto;
        margin-right: auto;
      }

      .select-menu-blankslate h3 {
        color: #24292e;
        font-size: 14px;
      }

      .select-menu-blankslate p {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: 195px;
      }

      .select-menu-item {
        border-bottom: 1px solid #eaecef;
        color: inherit;
        cursor: pointer;
        display: block;
        overflow: hidden;
        padding: 8px 8px 8px 30px;
      }

      .select-menu-item .select-menu-item-text .octicon-x {
        display: none;
        float: right;
        margin: 1px 10px 0 0;
        opacity: 0.6;
      }

      .select-menu-item:hover {
        text-decoration: none;
      }

      .select-menu-item.select-menu-item-template {
        display: none;
      }

      .select-menu-item.disabled,
      .select-menu-item.disabled.selected {
        color: #6a737d;
        cursor: default;
      }

      .select-menu-item.disabled .description,
      .select-menu-item.disabled.selected .description {
        color: #6a737d;
      }

      .select-menu-item.disabled.opaque,
      .select-menu-item.disabled.selected.opaque {
        opacity: 0.7;
      }

      .select-menu-item.disabled .select-menu-item-gravatar,
      .select-menu-item.disabled.selected .select-menu-item-gravatar {
        opacity: 0.5;
      }

      .select-menu-item .octicon {
        vertical-align: middle;
      }

      .select-menu-item .octicon-check,
      .select-menu-item .octicon-circle-slash,
      .select-menu-item input[type='radio']:not(:checked) + .octicon-check,
      .select-menu-item
        input[type='radio']:not(:checked)
        + .octicon-circle-slash {
        visibility: hidden;
      }

      .select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
        color: #6a737d !important;
      }

      .select-menu-item .octicon-circle-slash {
        color: #6a737d;
      }

      .select-menu-item.excluded {
        background-color: #f6f8fa;
      }

      .select-menu-item input[type='radio'] {
        display: none;
      }

      .select-menu-item:focus {
        outline: none;
      }

      .select-menu-item.navigation-focus,
      .select-menu-item.navigation-focus .description-inline,
      .select-menu-item.navigation-focus.select-menu-action,
      .select-menu-item.navigation-focus.selected,
      .select-menu-item:focus,
      .select-menu-item:focus .description-inline,
      .select-menu-item:focus.select-menu-action,
      .select-menu-item:focus.selected,
      .select-menu-item:hover,
      .select-menu-item:hover .description-inline,
      .select-menu-item:hover.select-menu-action,
      .select-menu-item:hover.selected,
      .select-menu-item[aria-checked='true']:focus,
      .select-menu-item[aria-checked='true']:hover,
      .select-menu-item[aria-selected='true'] .description-inline,
      .select-menu-item[aria-selected='true'].select-menu-action,
      .select-menu-item[aria-selected='true']:focus,
      .select-menu-item[aria-selected='true']:hover {
        background-color: #0366d6;
        color: #fff;
      }

      .select-menu-item.navigation-focus .description-inline > .octicon,
      .select-menu-item.navigation-focus.select-menu-action > .octicon,
      .select-menu-item.navigation-focus.selected > .octicon,
      .select-menu-item.navigation-focus > .octicon,
      .select-menu-item:focus .description-inline > .octicon,
      .select-menu-item:focus.select-menu-action > .octicon,
      .select-menu-item:focus.selected > .octicon,
      .select-menu-item:focus > .octicon,
      .select-menu-item:hover .description-inline > .octicon,
      .select-menu-item:hover.select-menu-action > .octicon,
      .select-menu-item:hover.selected > .octicon,
      .select-menu-item:hover > .octicon,
      .select-menu-item[aria-checked='true']:focus > .octicon,
      .select-menu-item[aria-checked='true']:hover > .octicon,
      .select-menu-item[aria-selected='true'] .description-inline > .octicon,
      .select-menu-item[aria-selected='true'].select-menu-action > .octicon,
      .select-menu-item[aria-selected='true']:focus > .octicon,
      .select-menu-item[aria-selected='true']:hover > .octicon {
        color: #fff;
      }

      .select-menu-item.navigation-focus .description,
      .select-menu-item.navigation-focus .description-inline .description,
      .select-menu-item.navigation-focus
        .description-inline
        .description-warning,
      .select-menu-item.navigation-focus .description-warning,
      .select-menu-item.navigation-focus.select-menu-action .description,
      .select-menu-item.navigation-focus.select-menu-action
        .description-warning,
      .select-menu-item.navigation-focus.selected .description,
      .select-menu-item.navigation-focus.selected .description-warning,
      .select-menu-item:focus .description,
      .select-menu-item:focus .description-inline .description,
      .select-menu-item:focus .description-inline .description-warning,
      .select-menu-item:focus .description-warning,
      .select-menu-item:focus.select-menu-action .description,
      .select-menu-item:focus.select-menu-action .description-warning,
      .select-menu-item:focus.selected .description,
      .select-menu-item:focus.selected .description-warning,
      .select-menu-item:hover .description,
      .select-menu-item:hover .description-inline .description,
      .select-menu-item:hover .description-inline .description-warning,
      .select-menu-item:hover .description-warning,
      .select-menu-item:hover.select-menu-action .description,
      .select-menu-item:hover.select-menu-action .description-warning,
      .select-menu-item:hover.selected .description,
      .select-menu-item:hover.selected .description-warning,
      .select-menu-item[aria-checked='true']:focus .description,
      .select-menu-item[aria-checked='true']:focus .description-warning,
      .select-menu-item[aria-checked='true']:hover .description,
      .select-menu-item[aria-checked='true']:hover .description-warning,
      .select-menu-item[aria-selected='true'] .description-inline .description,
      .select-menu-item[aria-selected='true']
        .description-inline
        .description-warning,
      .select-menu-item[aria-selected='true'].select-menu-action .description,
      .select-menu-item[aria-selected='true'].select-menu-action
        .description-warning,
      .select-menu-item[aria-selected='true']:focus .description,
      .select-menu-item[aria-selected='true']:focus .description-warning,
      .select-menu-item[aria-selected='true']:hover .description,
      .select-menu-item[aria-selected='true']:hover .description-warning {
        color: #fff;
      }

      .select-menu-item.navigation-focus.disabled,
      .select-menu-item:hover.disabled,
      .select-menu-item[aria-selected='true'].disabled {
        color: hsla(0, 0%, 100%, 0.5);
      }

      .select-menu-item.navigation-focus.disabled .description,
      .select-menu-item:hover.disabled .description,
      .select-menu-item[aria-selected='true'].disabled .description {
        color: hsla(0, 0%, 100%, 0.6);
      }

      .select-menu-item > .octicon-dash {
        display: none;
      }

      .select-menu-item.indeterminate > .octicon-check {
        display: none;
      }

      .select-menu-item.indeterminate > .octicon-dash {
        display: block;
      }

      .select-menu-item input:checked + .octicon-check {
        color: inherit;
        visibility: visible;
      }

      .select-menu-item.selected,
      details-menu .select-menu-item[aria-checked='true'],
      details-menu .select-menu-item[aria-selected='true'] {
        color: #24292e;
      }

      .select-menu-item.selected .description,
      details-menu .select-menu-item[aria-checked='true'] .description,
      details-menu .select-menu-item[aria-selected='true'] .description {
        color: #586069;
      }

      .select-menu-item.selected > .octicon,
      details-menu .select-menu-item[aria-checked='true'] > .octicon,
      details-menu .select-menu-item[aria-selected='true'] > .octicon {
        color: #24292e;
      }

      .select-menu-item.selected .octicon-check,
      .select-menu-item.selected .octicon-circle-slash,
      details-menu .select-menu-item[aria-checked='true'] .octicon-check,
      details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
      details-menu .select-menu-item[aria-selected='true'] .octicon-check,
      details-menu
        .select-menu-item[aria-selected='true']
        .octicon-circle-slash {
        color: inherit;
        visibility: visible;
      }

      .select-menu-item.selected .select-menu-item-text .octicon-x,
      details-menu
        .select-menu-item[aria-checked='true']
        .select-menu-item-text
        .octicon-x,
      details-menu
        .select-menu-item[aria-selected='true']
        .select-menu-item-text
        .octicon-x {
        color: inherit;
        display: block;
      }

      .select-menu.label-select-menu .select-menu-item:active {
        background-color: transparent !important;
      }

      .select-menu-item a {
        color: inherit;
        text-decoration: none;
      }

      .select-menu-item .hidden-select-button-text {
        display: none;
      }

      .select-menu-item .css-truncate-target {
        max-width: 100%;
      }

      .select-menu-item-parent {
        pointer-events: none;
      }

      .select-menu-item-parent:hover {
        cursor: default;
      }

      .select-menu-item-parent.navigation-focus,
      .select-menu-item-parent.navigation-focus.selected,
      .select-menu-item-parent[aria-selected='true'],
      .select-menu-item-parent[aria-selected='true'].selected {
        background-color: #f1f8ff;
        color: #24292e;
      }

      .select-menu-item-parent.navigation-focus .octicon-check,
      .select-menu-item-parent.navigation-focus.selected .octicon-check,
      .select-menu-item-parent[aria-selected='true'] .octicon-check,
      .select-menu-item-parent[aria-selected='true'].selected .octicon-check {
        color: #24292e;
      }

      .select-menu-item-icon {
        float: left;
        margin-left: -20px;
      }

      form.select-menu-item > div:first-child {
        display: none !important;
      }

      .select-menu-item.last-visible,
      .select-menu-list:last-child .select-menu-item:last-child {
        border-bottom: 0;
        border-radius: 0 0 3px 3px;
      }

      .select-menu-action {
        color: #444d56;
        font-weight: 400;
      }

      .select-menu-action > .octicon {
        color: inherit;
      }

      .select-menu-action:hover {
        color: #0366d6;
      }

      .select-menu-no-results {
        color: #586069;
        cursor: auto;
        display: none;
        padding: 9px;
      }

      .select-menu-list.filterable-empty .select-menu-no-results,
      .select-menu-no-results:only-child {
        display: block;
      }

      .select-menu-button-gravatar,
      .select-menu-item-gravatar {
        line-height: 0;
        overflow: hidden;
        width: 20px;
      }

      .select-menu-button-gravatar img,
      .select-menu-item-gravatar img {
        border-radius: 3px;
        display: inline-block;
        height: 20px;
        width: 20px;
      }

      .select-menu-item-gravatar {
        border-radius: 2px;
        float: left;
        height: 20px;
        margin-right: 8px;
        width: 20px;
      }

      .select-menu-button-gravatar {
        float: left;
        margin-right: 5px;
      }

      .select-menu-item-text {
        display: block;
        text-align: left;
      }

      .select-menu-item-text .description {
        color: #586069;
        display: block;
        font-size: 12px;
        max-width: 265px;
      }

      .select-menu-item-text .description-inline {
        color: #586069;
        font-size: 10px;
      }

      .select-menu-item-text .description-warning {
        color: #cb2431;
      }

      .select-menu-item-text mark {
        background-color: inherit;
        color: inherit;
        font-weight: 600;
      }

      .select-menu-item-heading {
        display: block;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 0;
      }

      .select-menu-item-heading .description {
        display: inline;
        font-weight: 400;
      }

      .select-menu-new-item-form {
        display: none;
      }

      .select-menu-new-item-form .octicon {
        color: #0366d6;
      }

      .modal-backdrop {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        display: none;
        user-select: none;
      }

      body.menu-active .modal-backdrop {
        display: block;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 20;
      }

      .authors-2 .AvatarStack {
        min-width: 36px !important;
      }

      .authors-3 .AvatarStack {
        min-width: 46px !important;
      }

      .navigation-focus .AvatarStack-body,
      [aria-selected='true'] .AvatarStack-body {
        background: #f6fbff;
      }

      .commit-tease .AvatarStack-body {
        background: #f1f8ff;
      }

      .blame-commit .AvatarStack {
        margin-top: 3px;
      }

      .anim-no-wiggles {
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        transform: translateZ(0) scale(1) !important;
      }

      .content-attachment {
        border-left: 0.25em solid #dfe2e5;
      }

      .max--md {
        height: 188px;
      }

      [open] .max--md {
        height: auto;
      }

      .max--md .content-attachment-content--gradient,
      .max--md .Details-content--closed {
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        right: -1px;
        z-index: 1;
      }

      .max--md .content-attachment-content--gradient {
        background: linear-gradient(
          180deg,
          hsla(0, 0%, 100%, 0),
          #fff calc(100% - 28px)
        );
        height: 88px;
      }

      .content-attachment-details[open]
        .max--md
        .content-attachment-content--gradient {
        background: none;
      }

      [hidden] {
        display: none !important;
      }

      .flex-order-1 {
        order: 1 !important;
      }

      .flex-order-2 {
        order: 2 !important;
      }

      @media (min-width: 544px) {
        .flex-sm-grow-0 {
          flex-grow: 0 !important;
        }
      }

      @media (min-width: 768px) {
        .flex-md-order-1 {
          order: 1 !important;
        }

        .flex-md-order-2 {
          order: 2 !important;
        }
      }

      @media (min-width: 1012px) {
        .flex-lg-order-none {
          order: inherit !important;
        }

        .flex-lg-order-1 {
          order: 1 !important;
        }

        .flex-lg-order-2 {
          order: 2 !important;
        }
      }

      @media (min-width: 768px) {
        .width-md-auto {
          width: auto !important;
        }
      }

      body {
        min-width: 1012px;
        word-wrap: break-word;
      }

      .page-content {
        padding-top: 20px;
      }

      .container-sm {
        max-width: 544px;
      }

      .min-height-full {
        min-height: 100vh !important;
      }

      .marketing .pagehead h1 {
        font-size: 30px;
      }

      .marketing .pagehead p {
        color: #586069;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 4px;
      }

      .marketing .pagehead ul.actions {
        margin-top: 10px;
      }

      .marketing h2 .secure {
        color: #28a745;
        float: right;
        font-size: 11px;
        font-weight: 600;
        padding: 1px 0;
        text-transform: uppercase;
      }

      .marketing .questions p {
        font-size: 14px;
      }

      .marketing-section {
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 80px;
        padding-top: 80px;
        position: relative;
        text-align: center;
      }

      .marketing-section:before {
        content: '';
        display: table;
      }

      .marketing-section:after {
        clear: both;
        content: '';
        display: table;
      }

      .marketing-section h3 {
        font-size: 21px;
        font-weight: 400;
      }

      .marketing-hero-octicon {
        border: 1px solid #e5e5e5;
        border-radius: 50px;
        height: 100px;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
        width: 100px;
      }

      .marketing-hero-octicon .octicon {
        color: #0366d6;
        margin-top: 22px;
      }

      .marketing-hero-octicon .octicon-checklist {
        position: relative;
        right: -3px;
      }

      .hanging-icon-list li {
        font-size: 14px;
        list-style-type: none;
        margin: 10px 0;
        padding-left: 25px;
      }

      .hanging-icon-list .octicon {
        color: #586069;
        float: left;
        margin-left: -25px;
        margin-top: 3px;
      }

      .hanging-icon-list .octicon-check {
        color: #28a745;
      }

      .hanging-icon-list .octicon-x {
        color: #cb2431;
      }

      .btn-blurple {
        background-color: #3b41af;
        background-image: linear-gradient(-180deg, #6570e2, #3b41af 90%);
        color: #fff;
      }

      .btn-blurple.focus,
      .btn-blurple:focus {
        box-shadow: 0 0 0 0.2em rgba(101, 112, 226, 0.4);
      }

      .btn-blurple.hover,
      .btn-blurple:hover {
        background-color: #383ea7;
        background-image: linear-gradient(-180deg, #5c68e0, #383ea7 90%);
        background-position: -0.5em;
        border-color: rgba(27, 31, 35, 0.5);
      }

      .btn-blurple.selected,
      .btn-blurple:active,
      [open] > .btn-blurple {
        background-color: #3a43bb;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
      }

      .btn-blurple.disabled,
      .btn-blurple:disabled {
        background-color: #9da0d7;
        background-image: none;
        border-color: rgba(27, 31, 35, 0.2);
        box-shadow: none;
        color: hsla(0, 0%, 100%, 0.75);
      }

      .btn-blurple .Counter {
        background-color: #fff;
        color: #4350dc;
      }

      .integrations-hero-octicon.marketing-hero-octicon {
        border-width: 5px;
        height: 75px;
        width: 75px;
      }

      .integrations-hero-octicon.marketing-hero-octicon .octicon {
        margin-top: 15px;
      }

      .marketing-blue-octicon {
        border-color: #34acbf;
        color: #34acbf;
      }

      .marketing-blue-octicon .octicon {
        color: #34acbf;
      }

      .marketing-turquoise-octicon {
        border-color: #75bbb6;
        color: #75bbb6;
      }

      .marketing-turquoise-octicon .octicon {
        color: #75bbb6;
      }

      .marketing-purple-octicon {
        border-color: #b086b7;
        color: #b086b7;
      }

      .marketing-purple-octicon .octicon {
        color: #b086b7;
      }

      .marketing-graphic {
        position: relative;
      }

      .intgrs-dir .marketing-graphic {
        margin: 0;
        padding-right: 0;
      }

      .intgrs-dir .footer {
        margin-top: 40px;
      }

      .intgrs-dir-section h2 {
        font-size: 26px;
        font-weight: 300;
        margin-bottom: 20px;
        margin-top: 0;
      }

      .intgrs-dir-intro {
        background-image: linear-gradient(-110deg, #48227d, #2f569c);
        border-bottom: 0;
        margin: 0;
        padding: 40px 0;
        text-align: left;
      }

      .pagehead + .intgrs-dir-intro {
        margin-top: -20px;
      }

      .intgrs-dir-intro .directory-header-back {
        color: #fff;
        font-size: 18px;
        margin-top: 10px;
      }

      .intgrs-dir-intro .directory-header-back:hover {
        color: #d7def1;
        text-decoration: none;
      }

      .intgrs-dir-intro .directory-header-back .octicon {
        vertical-align: middle;
      }

      .intgrs-dir-intro .directory-header-back .header-link {
        color: #96dad9;
      }

      .intgrs-dir-intro .directory-tag-line {
        color: #fff;
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 0;
      }

      .intgrs-dir-intro .lead {
        color: #d7def1;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 6px;
        margin-top: 10px;
      }

      .intgrs-lstng-search {
        display: inline-block;
        margin-left: 20px;
        width: 33%;
      }

      .intgrs-lstng-search .subnav-search-input {
        width: 100%;
      }

      .intgrs-lstng-categories-container {
        display: inline-block;
        float: left;
        width: 20%;
      }

      .intgrs-lstng-categories-container .intgrs-lstng-categories {
        top: 0;
      }

      .intgrs-lstng-categories-container .filter-item {
        margin-left: -10px;
        margin-right: -10px;
        padding: 6px 10px;
      }

      .intgrs-lstng-container {
        display: inline-block;
        text-align: left;
        width: 80%;
      }

      .intgrs-lstng-item {
        border: 1px solid #ededed;
        border-radius: 4px;
        display: inline-flex;
        font-size: 14px;
        position: relative;
        transition: border-color 0.15s ease 0s, transform 0.15s ease 0s,
          box-shadow 0.15s ease 0s, color 0.15s ease 0s;
        width: 30.8%;
      }

      .intgrs-lstng-item:hover {
        border-color: #51a7e8;
        box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
        transform: scale(1.05);
      }

      .intgrs-lstng-item .intgrs-lstng-logo {
        display: block;
        margin: 0 auto 10px;
      }

      .intgrs-lstng-item .draft-tag {
        left: 10px;
        position: absolute;
        top: -1px;
      }

      .intgrs-lstng-item-link {
        display: block;
        height: 181px;
        padding-top: 20px;
        width: 100%;
      }

      .intgrs-lstng-item-link:hover {
        text-decoration: none;
      }

      .intgrs-lstng-item-link:hover .intgrs-lstng-item-header {
        color: #0366d6;
      }

      .intgrs-lstng-item-header {
        color: #333;
        font-size: 14px;
        font-weight: 600;
        margin: 15px 10px 0;
      }

      .intgrs-lstng-item-description {
        color: #586069;
        font-size: 13px;
        height: 2.8em;
        margin-top: 5px;
        overflow: hidden;
        padding: 0 10px;
        position: relative;
      }

      .intgrs-lstng-item-description:after {
        background-image: linear-gradient(
          90deg,
          hsla(0, 0%, 100%, 0),
          #fff 80%
        );
        bottom: 0;
        color: transparent;
        content: '\00a0';
        padding: 0 15px 0 20px;
        position: absolute;
        right: 0;
      }

      .intgr-admin-link {
        border: 1px solid #ededed;
        border-radius: 3px;
        display: inline-block;
        font-size: 13px;
        height: 25px;
        padding-left: 23px;
        position: relative;
        vertical-align: middle;
      }

      .intgr-admin-link.draft-tag {
        border: 0;
        padding-left: 25px;
      }

      .intgr-admin-link.draft-tag .octicon,
      .intgr-admin-link.draft-tag:hover .octicon {
        color: #fff;
      }

      .intgr-admin-link.draft-tag:hover {
        background-color: #000;
        text-decoration: none;
      }

      .intgr-admin-link:hover .octicon {
        color: #0366d6;
      }

      .intgr-admin-link .octicon {
        color: #586069;
        left: 5px;
        position: absolute;
        top: 3px;
      }

      .intgr-feat-header {
        color: #d7def1;
        padding: 0 65px 10px;
        position: relative;
        width: 85%;
      }

      .intgr-feat-header .intgr-admin-link {
        border-color: rgba(215, 222, 241, 0.6);
      }

      .intgr-feat-header .intgr-admin-link .octicon {
        color: #d7def1;
      }

      .intgr-feat-header .intgr-admin-link:hover .octicon {
        color: #fff;
      }

      .intgr-feat-header .marketing-hero-octicon {
        border-width: 3px;
        height: 50px;
        left: 5px;
        position: absolute;
        top: 0;
        width: 50px;
      }

      .intgr-feat-header .marketing-hero-octicon .octicon {
        margin-top: 11px;
      }

      .intgr-feat-header h2 {
        color: #fff;
        font-size: 25px;
        line-height: 50px;
        margin: 0;
      }

      .intgr-feat-header p {
        font-size: 18px;
        margin: 0;
        max-width: 580px;
      }

      .integrations-breadcrumb {
        color: #8296cc;
        display: inline-block;
        font-weight: 400;
      }

      .integrations-breadcrumb-link {
        color: #d7def1;
        line-height: 0;
      }

      .integrations-breadcrumb-link:hover {
        color: #fff;
        text-decoration: none;
      }

      .integrations-auth-wrapper {
        margin: 60px auto;
        width: 511px;
      }

      .integrations-auth-header {
        font-size: 20px;
        text-align: center;
      }

      .integrations-permissions-group dt {
        font-size: 18px;
        font-weight: 400;
      }

      .integrations-permissions-group .integrations-permission {
        list-style-type: none;
        margin-bottom: 10px;
        padding-left: 22px;
        position: relative;
      }

      .integrations-permissions-group .integrations-permission .octicon {
        left: 0;
        margin-right: 10px;
        position: absolute;
        top: 1px;
      }

      .integrations-install-target .select-menu {
        vertical-align: middle;
      }

      .integrations-install-target input[type='radio'] {
        margin-right: 10px;
      }

      .integrations-install-target .flash {
        background-color: transparent;
      }

      .integrations-install-target .flash-error {
        background-color: transparent;
        border: 0;
      }

      .integrations-install-target .octicon-lock,
      .integrations-install-target .octicon-repo {
        margin-right: 3px;
      }

      .integrations-install-target .octicon-lock {
        color: rgba(27, 31, 35, 0.7);
      }

      .integrations-install-target .private {
        background-color: #fff9ea;
      }

      .integrations-install-target .navigation-focus.private,
      .integrations-install-target [aria-selected='true'].private {
        background-color: #4078c0;
      }

      .integrations-install-target .navigation-focus .octicon-lock,
      .integrations-install-target [aria-selected='true'].octicon-lock {
        color: inherit;
      }

      .integrations-setup-note {
        margin: 10px 0;
      }

      .listgroup-item {
        line-height: inherit;
      }

      .listgroup-item.disabled {
        background-color: #fafbfc;
      }

      .listgroup-item.disabled .listgroup-item-title {
        color: #333;
      }

      .integration-key-management-wrapper .flash-error,
      .integration-key-management-wrapper .integration-key-downloading,
      .integration-key-management-wrapper .integration-key-list {
        display: none;
      }

      .integration-key-management-wrapper .blankslate {
        margin-bottom: 30px;
      }

      .integration-key-management-wrapper .action .deletable {
        display: none;
      }

      .integration-key-management-wrapper .action .undeletable,
      .integration-key-management-wrapper.multi-keys .action .deletable {
        display: block;
      }

      .integration-key-management-wrapper.multi-keys .action .undeletable {
        display: none;
      }

      .integration-key-management-wrapper.error .flash-error {
        display: block;
      }

      .integration-key-management-wrapper.error .integration-key {
        opacity: 0.5;
      }

      .integration-key-management-wrapper.error .action .deletable {
        display: none;
      }

      .integration-key-management-wrapper.error .action .undeletable {
        display: block;
      }

      .integration-key-management-wrapper.downloading .blankslate {
        display: none;
      }

      .integration-key-management-wrapper.downloading
        .integration-key-downloading,
      .integration-key-management-wrapper.downloading .integration-key-list {
        display: block;
      }

      .integration-key-management-wrapper.has-keys .blankslate {
        display: none;
      }

      .integration-key-management-wrapper.has-keys .integration-key-list {
        display: block;
      }

      .link-small {
        color: #767676;
        transition: color 0.5s ease;
      }

      .listgroup-item:hover .link-small {
        color: #0366d6;
      }

      .manifest-errors {
        border-left: 3px solid #d73a49;
        border-radius: 0 3px 3px 0;
      }

      .content-references-domain-error {
        max-width: unset !important;
      }

      .not-found-octocat-wrapper {
        border-radius: 45px;
        height: 71px;
        width: 71px;
      }

      .not-found-octocat-wrapper:after {
        animation-delay: 0.5s;
        animation-duration: 0.75s;
        animation-fill-mode: forwards;
        animation-name: pull-string;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 4px 0 #fff, 0 8px 0 #fff, 0 12px 0 #fff, 0 16px 0 #fff,
          0 20px 0 #fff;
        content: '';
        display: block;
        height: 4px;
        left: 45px;
        position: absolute;
        top: 58px;
        vertical-align: baseline;
        width: 4px;
        z-index: -2;
      }

      @keyframes lightbulb {
        0%,
        8%,
        14% {
          opacity: 0.1;
        }

        0%,
        10%,
        25% {
          opacity: 0.25;
        }

        5%,
        30%,
        50%,
        70% {
          opacity: 0.5;
        }

        16%,
        60%,
        80% {
          opacity: 0.75;
        }

        90% {
          opacity: 0.8;
        }

        94% {
          opacity: 0.5;
        }

        to {
          opacity: 1;
          stddeviation: 0;
        }
      }

      .not-found-lightbulb-ani {
        animation-delay: 1.3s;
        animation-duration: 2.5s;
        animation-fill-mode: forwards;
        animation-name: lightbulb;
        opacity: 0.25;
        z-index: 999;
      }

      @keyframes pull-string {
        50% {
          transform: translate3d(0, 12px, 0);
        }

        75% {
          opacity: 1;
          transform: none;
        }

        to {
          opacity: 0;
        }
      }

      .account-membership-form .already-a-member,
      .account-membership-form .become-a-member {
        display: none;
      }

      .account-membership-form.is-member .already-a-member,
      .account-membership-form.is-not-member .become-a-member {
        display: block;
      }

      .billing-plans tbody td {
        vertical-align: middle;
        width: 25%;
      }

      .billing-plans .current {
        background-color: #f2ffed;
      }

      .billing-plans .name {
        color: #333;
        font-size: 14px;
        font-weight: 600;
      }

      .billing-plans .coupon {
        font-size: 12px;
      }

      .billing-plans .coupon td {
        background-color: #28a745;
        color: #fff;
      }

      .billing-plans .coupon .text-right {
        white-space: nowrap;
      }

      .billing-plans .coupon.expiring td {
        background-color: #df6e00;
      }

      .billing-plans .coupon.expiring .coupon-label:after {
        border-bottom-color: #df6e00;
      }

      .billing-plans tbody > .selected {
        background-color: #fdffce;
      }

      .coupon-label {
        margin: -9px;
        padding: 9px;
        position: relative;
      }

      .coupon-label:after {
        border: 5px solid transparent;
        border-bottom-color: #28a745;
        bottom: 100%;
        content: ' ';
        height: 0;
        left: 15px;
        pointer-events: none;
        position: absolute;
        width: 0;
      }

      .boxed-group-table .toggle-currency {
        font-size: 11px;
        font-weight: 400;
      }

      .has-removed-contents {
        display: none;
      }

      .currency-notice {
        margin-bottom: 10px;
      }

      .org-login {
        margin-bottom: 30px;
        margin-top: -30px;
      }

      .org-login img {
        border: 1px solid #ccc;
        margin: 10px -25px;
        padding: 1px;
        width: 450px;
      }

      .plan-notice {
        border-top: 1px solid #eee;
        margin-bottom: 0;
        padding: 10px;
      }

      .alert-label {
        color: #fff;
      }

      .alert-label--critical {
        background-color: #444d56;
      }

      .graph-canvas .alert-label--critical {
        fill: #444d56;
      }

      .alert-label--high {
        background-color: #cb2431;
      }

      .graph-canvas .alert-label--high {
        fill: #cb2431;
      }

      .alert-label--moderate {
        background-color: #e36209;
      }

      .graph-canvas .alert-label--moderate {
        fill: #e36209;
      }

      .alert-label--low {
        background-color: #dbab09;
      }

      .graph-canvas .alert-label--low {
        fill: #dbab09;
      }

      .member-list-item .member-link,
      .member-list-item .member-username {
        display: inline;
      }

      .actor-and-action {
        font-weight: 600;
      }

      .vertical-separator {
        border-left: 1px solid grey;
        margin-left: 5px;
        margin-right: 8px;
      }

      .audit-log-search .audit-search-form {
        margin-bottom: 10px;
      }

      .audit-log-search .audit-results-actions {
        margin: 15px 0;
      }

      .audit-log-search .audit-search-clear {
        margin-bottom: 0;
      }

      .cvv-hint {
        position: relative;
      }

      .cvv-hint:hover .cvv-hint-tooltip {
        display: block;
      }

      .cvv-hint-tooltip {
        background-color: #fff;
        border: 1px solid #d0d0d0;
        border-radius: 3px;
        display: none;
        left: -115px;
        padding: 15px;
        position: absolute;
        transform: translateX(-100%) translateY(-50%);
        z-index: 1000;
      }

      .credit-card {
        background-color: #f5f5f5;
        border-radius: 10px;
        height: 150px;
        margin-top: 5px;
        padding: 20px;
        position: relative;
        width: 250px;
      }

      .credit-card.amex {
        margin-top: 15px;
      }

      .credit-card.amex .title {
        color: #6a737d;
        font-family: Arial Black, Arial Bold, Gadget, sans-serif;
        letter-spacing: 1px;
        position: relative;
        text-align: center;
        top: -5px;
        transform: scaleX(1.3);
        z-index: 1;
      }

      .credit-card.amex .card-number {
        display: inline-block;
        font-size: 15px;
        margin-top: 40px;
        position: relative;
        white-space: nowrap;
      }

      .credit-card.amex .gladiator {
        background-color: #f5f5f5;
        border: 3px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 1px #aaa;
        height: 80px;
        left: 50%;
        margin-left: -35px;
        position: absolute;
        top: 50px;
        width: 70px;
      }

      .credit-card.normal .strap {
        background-color: #555;
        height: 20px;
        margin: -5px -20px 15px;
      }

      .credit-card.normal .signature {
        background-color: #fff;
        color: #767676;
        display: inline-block;
        font-family: Brush Script MT, cursive;
        font-size: 17px;
        height: 30px;
        letter-spacing: -1px;
        line-height: 33px;
        text-indent: 10px;
        white-space: nowrap;
        width: 150px;
      }

      .credit-card .cvv {
        border: 2px solid red;
        border-bottom-left-radius: 20px 10px;
        border-bottom-right-radius: 20px 10px;
        border-top-left-radius: 20px 10px;
        border-top-right-radius: 20px 10px;
        display: inline-block;
        font-family: monospace;
        font-size: 10px;
        left: -7px;
        line-height: 1;
        padding: 2px 5px;
        position: relative;
        text-align: center;
        top: -10px;
      }

      .credit-card .cvv span {
        color: #586069;
        margin-right: 5px;
        position: absolute;
        right: 100%;
      }

      .credit-card .text {
        display: block;
        font-family: monospace;
        font-size: 7px;
        font-weight: 600;
        line-height: 1.1;
        text-transform: uppercase;
      }

      .billing-addon-items table input {
        width: 5em;
      }

      .billing-addon-items td {
        border-bottom: 0;
        vertical-align: middle;
      }

      .billing-addon-items td.fixed {
        width: 150px;
      }

      .billing-addon-items td.black {
        color: #000;
      }

      .billing-addon-items tr {
        border-bottom: 1px solid #eee;
      }

      .billing-addon-items tr:last-child {
        border-bottom-width: 0;
      }

      .billing-addon-items tr:nth-child(2n) {
        background-color: #fafbfc;
      }

      .billing-addon-items tr.total-row {
        background-color: #fff;
        color: #cb2431;
      }

      .billing-addon-items .new-addon-items {
        margin-left: 5px;
      }

      .billing-addon-items .addon-cost {
        color: #6a737d;
      }

      .billing-addon-items .discounted-original-price {
        color: #666;
      }

      .billing-addon-items .form-submit,
      .billing-addon-items .payment-method {
        margin-left: 8px;
      }

      .billing-addon-items .payment-summary {
        margin-left: 8px;
        margin-right: 8px;
      }

      .billing-credit-card .javascript-disabled-overlay {
        background-color: #fff;
        display: none;
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
      }

      .billing-credit-card.disabled .javascript-disabled-overlay,
      .billing-credit-card.unsupported .javascript-disabled-overlay {
        display: block;
      }

      .billing-actions {
        padding-bottom: 10px;
      }

      .billing-heres-what-appears {
        margin: 0 0 10px;
      }

      .billing-extra-box,
      .billing-vat-box {
        border-left: 3px solid #eee;
        margin: 10px 0;
        padding-left: 10px;
      }

      .billing-section .action-button {
        float: right;
        margin-bottom: 5px;
        margin-left: 10px;
      }

      .billing-section .section-label {
        color: #586069;
        font-weight: 400;
        position: absolute;
        text-align: right;
        width: 85px;
      }

      .billing-section .section-title {
        width: 100px;
      }

      .billing-section .section-content {
        color: #333;
        margin-left: 100px;
      }

      .billing-section:last-child {
        border-bottom: 0;
      }

      .billing-section .usage-bar {
        max-width: 304px;
      }

      .usage-bar {
        background: #eee;
        border-radius: 20px;
        margin: 5px 0 0;
        width: 100%;
      }

      .usage-bar.exceeded .progress {
        background-color: #d73a49 !important;
      }

      .usage-bar .progress {
        background-color: #34d058;
        border-radius: 20px;
        height: 5px;
        max-width: 100%;
        position: relative;
        transition: width 0.3s;
      }

      .usage-bar .progress.no-highlight {
        background: #959da5;
      }

      .usage-bar .progress--orange {
        background-color: #f66a0a;
      }

      .usage-bar .progress--purple {
        background-color: #8a63d2;
      }

      .live-update-seats-usage {
        margin: 10px 0 5px;
      }

      .billing-per-seat-callout {
        position: relative;
      }

      .lfs-data-pack-field {
        margin: -6px 0;
      }

      .packs-table .desc {
        white-space: nowrap;
        width: 1%;
      }

      .lfs-data-icon {
        color: #586069;
        text-align: center;
      }

      .lfs-data-icon.dark {
        color: #333;
      }

      .lfs-data-icon.octicon-database {
        margin-left: 2px;
        margin-right: 3px;
      }

      .setup-wrapper .paypal-container {
        margin-bottom: 30px;
      }

      .setup-wrapper .paypal-logged-in .paypal-container {
        margin-bottom: 10px;
      }

      .payment-methods {
        position: relative;
      }

      .payment-methods .selected-payment-method {
        display: none;
      }

      .payment-methods .selected-payment-method:before {
        content: '';
        display: table;
      }

      .payment-methods .selected-payment-method:after {
        clear: both;
        content: '';
        display: table;
      }

      .payment-methods .selected-payment-method.active {
        display: block;
      }

      .payment-methods .form-group dd .card-select-number,
      .payment-methods .form-group dd .form-control.short.input-vat {
        width: 300px;
      }

      .payment-methods .pay-with-header {
        margin: 5px 0;
      }

      .payment-methods .pay-with-paypal .loading-paypal-spinner,
      .payment-methods .pay-with-paypal .paypal-down-flash,
      .payment-methods .pay-with-paypal .paypal-form-actions,
      .payment-methods .pay-with-paypal .paypal-signed-in,
      .payment-methods .pay-with-paypal .setup-creditcard-form,
      .payment-methods .pay-with-paypal .terms {
        display: none;
      }

      .payment-methods.paypal-down .paypal-down-flash,
      .payment-methods.paypal-loading .loading-paypal-spinner {
        display: block;
      }

      .payment-methods.paypal-logged-in .paypal-sign-in {
        display: none;
      }

      .payment-methods.paypal-logged-in .paypal-form-actions,
      .payment-methods.paypal-logged-in .paypal-signed-in,
      .payment-methods.paypal-logged-in .setup-creditcard-form,
      .payment-methods.paypal-logged-in .terms {
        display: block;
      }

      .payment-methods.has-paypal-account .paypal-sign-in {
        display: none;
      }

      .payment-methods.has-paypal-account .paypal-signed-in {
        display: block;
      }

      .paypal-label {
        font-weight: 600;
        margin: 15px 0 10px;
      }

      .paypal-container {
        background-color: #f9f9f9;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 15px;
        vertical-align: top;
      }

      .braintree-paypal-loggedin {
        background-position: 12px 50% !important;
        border: 1px solid #ddd !important;
        border-radius: 4px;
        padding: 11px 16px !important;
      }

      .bt-pp-name {
        margin-left: 20px !important;
      }

      .bt-pp-email {
        margin-left: 15px !important;
      }

      .bt-pp-cancel {
        color: #a00 !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
      }

      .payment-history .amount,
      .payment-history .date,
      .payment-history .id,
      .payment-history .receipt,
      .payment-history .status {
        white-space: nowrap;
      }

      .payment-history .break-all {
        word-break: break-all;
      }

      .payment-history .receipt {
        text-align: center;
      }

      .payment-history .currency,
      .payment-history .status {
        color: #586069;
      }

      .payment-history .status-icon {
        text-align: center;
        width: 14px;
      }

      .payment-history .succeeded .status {
        color: #28a745;
      }

      .payment-history .failed,
      .payment-history .refunded {
        background: #f6f8fa;
      }

      .payment-history .failed td,
      .payment-history .refunded td {
        opacity: 0.5;
      }

      .payment-history .failed .receipt,
      .payment-history .failed .status,
      .payment-history .refunded .receipt,
      .payment-history .refunded .status {
        opacity: 1;
      }

      .payment-history .refunded .status {
        color: #6a737d;
      }

      .payment-history .failed .status {
        color: #cb2431;
      }

      .paypal-icon {
        margin: 0 2px 0 1px;
        vertical-align: middle;
      }

      .inline-form-action {
        display: inline;
      }

      .boxed-group .boxed-group-content {
        margin: 10px;
      }

      .currency-container .local-currency,
      .currency-container .local-currency-block {
        display: none;
      }

      .currency-container.open .local-currency {
        display: inline;
      }

      .currency-container.open .local-currency-block {
        display: block;
      }

      .currency-container.open .default-currency {
        display: none;
      }

      .strong-label {
        display: inline-block;
        font-weight: 600;
        margin-bottom: 5px;
      }

      .discounted-original-price {
        color: #586069;
        font-weight: 400;
        text-decoration: line-through;
      }

      .billing-manager-input {
        width: 500px;
      }

      .billing-manager-banner {
        background: #f9f9f9;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        overflow: hidden;
        padding: 30px 20px;
      }

      .billing-manager-banner .container {
        position: relative;
      }

      .billing-manager-banner-text {
        color: #555;
        font-size: 14px;
        margin-left: 210px;
      }

      .billing-manager-banner-text .btn {
        margin-right: 8px;
        margin-top: 8px;
      }

      .billing-manager-banner-title {
        color: #586069;
        font-size: 12px;
        font-weight: 600;
      }

      .billing-manager-icon {
        color: #e0e0e0;
        font-size: 180px;
        height: 180px;
        left: 0;
        position: absolute;
        top: -35px;
        width: 180px;
      }

      .golden-ticket-banner {
        border-top: 1px solid #e6d445;
        margin-bottom: 15px;
        margin-top: 30px;
        text-align: center;
      }

      .golden-ticket {
        height: 60px;
        margin-top: -30px;
      }

      .golden-ticket-button {
        float: left;
        font-size: 18px;
        font-weight: 400;
        padding: 30px 20px;
        width: 50%;
      }

      .golden-ticket-button .octicon {
        margin-right: 10px;
        vertical-align: middle;
      }

      .golden-ticket-button:first-child {
        border-radius: 3px 0 0 3px;
      }

      .golden-ticket-button:last-child {
        border-left: 0;
        border-radius: 0 3px 3px 0;
      }

      .golden-ticket-confirm .setup-header {
        border: 0;
        text-align: center;
      }

      .seats-change-arrow {
        margin: 0 10px;
      }

      .billing-note-block {
        margin: 15px 0;
      }

      .plan-choice {
        background-color: #fafbfc;
        border: 1px solid #e0e0e0;
        display: block;
        font-weight: 400;
        padding: 15px 15px 15px 40px;
        position: relative;
      }

      .plan-choice.open,
      .plan-choice.selected {
        background-color: #fff;
      }

      .plan-choice--experiment {
        cursor: pointer;
        transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
      }

      .plan-choice--experiment.open,
      .plan-choice--experiment.selected {
        border-color: #d1d5da;
        box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15);
        transform: scale(1.025);
      }

      .plan-choice--experiment.open .plan-choice-icon,
      .plan-choice--experiment.selected .plan-choice-icon {
        background-color: #28a745;
        box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1);
      }

      .plan-choice--experiment.open .plan-choice-icon .octicon,
      .plan-choice--experiment.selected .plan-choice-icon .octicon {
        transform: scale(1);
      }

      .plan-choice--experiment.plan-choice--blue.open,
      .plan-choice--experiment.plan-choice--blue.selected {
        border-color: #2188ff;
      }

      .plan-choice--experiment.plan-choice--blue.open .plan-choice-icon,
      .plan-choice--experiment.plan-choice--blue.selected .plan-choice-icon {
        background-color: #0366d6;
      }

      .plan-choice--experiment.plan-choice--green.open,
      .plan-choice--experiment.plan-choice--green.selected {
        border-color: #34d058;
      }

      .plan-choice--experiment.plan-choice--green.open .plan-choice-icon,
      .plan-choice--experiment.plan-choice--green.selected .plan-choice-icon {
        background-color: #28a745;
      }

      .plan-choice--experiment.plan-choice--purple.open,
      .plan-choice--experiment.plan-choice--purple.selected {
        border-color: #8a63d2;
      }

      .plan-choice--experiment.plan-choice--purple.open .plan-choice-icon,
      .plan-choice--experiment.plan-choice--purple.selected .plan-choice-icon {
        background-color: #6f42c1;
      }

      .plan-choice-icon {
        transition: box-shadow 0.3s;
      }

      .plan-choice-icon .octicon {
        transform: scale(0.5);
        transition: transform 0.2s;
      }

      .plan-choice-radio {
        left: 15px;
        position: absolute;
        top: 18px;
      }

      .plan-choice-exp {
        color: #6a737d;
        font-size: 12px;
        margin-top: 5px;
      }

      .seat-field {
        margin-right: 5px;
        width: 50px;
      }

      .billing-form-title {
        font-size: 16px;
      }

      .billing-line-items {
        margin-top: 10px;
      }

      .billing-line-item {
        border-top: 1px solid #e0e0e0;
        font-size: 12px;
        list-style: none;
        padding: 10px 0;
      }

      .billing-line-item:before {
        content: '';
        display: table;
      }

      .billing-line-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .billing-line-item-last {
        border-top-width: 3px;
        font-weight: 600;
      }

      .line-item-value {
        float: right;
      }

      .condensed-payment-methods .vat-field {
        width: 100%;
      }

      .condensed-payment-methods .state-field {
        width: 30%;
      }

      .condensed-payment-methods .expiration-divider {
        line-height: 30px;
        text-align: center;
        width: 20%;
      }

      .condensed-payment-methods .postcode-field {
        width: 28%;
      }

      .condensed-payment-methods .country-field {
        width: 42%;
      }

      .condensed-payment-methods .is-international .country-field {
        width: 72%;
      }

      .condensed-payment-methods .is-international.no-postcodes .country-field {
        width: 100%;
      }

      .zuora-billing-section.PaymentMethod--creditcard:not(.has-removed-contents)
        ~ .SignUpContinueActions {
        display: none;
      }

      .zuora-billing-section.PaymentMethod--creditcard-added
        ~ .SignUpContinueActions {
        display: block;
      }

      .zuora-billing-section.PaymentMethod--paypal ~ .SignUpContinueActions {
        display: block;
      }

      .blame-commit {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
      }

      .blame-commit[data-heat='1'] {
        border-right: 2px solid #f66a0a;
      }

      .blame-commit[data-heat='2'] {
        border-right: 2px solid rgba(246, 106, 10, 0.9);
      }

      .blame-commit[data-heat='3'] {
        border-right: 2px solid rgba(246, 106, 10, 0.8);
      }

      .blame-commit[data-heat='4'] {
        border-right: 2px solid rgba(246, 106, 10, 0.7);
      }

      .blame-commit[data-heat='5'] {
        border-right: 2px solid rgba(246, 106, 10, 0.6);
      }

      .blame-commit[data-heat='6'] {
        border-right: 2px solid rgba(246, 106, 10, 0.5);
      }

      .blame-commit[data-heat='7'] {
        border-right: 2px solid rgba(246, 106, 10, 0.4);
      }

      .blame-commit[data-heat='8'] {
        border-right: 2px solid rgba(246, 106, 10, 0.3);
      }

      .blame-commit[data-heat='9'] {
        border-right: 2px solid rgba(246, 106, 10, 0.2);
      }

      .blame-commit[data-heat='10'] {
        border-right: 2px solid rgba(246, 106, 10, 0.1);
      }

      .heat[data-heat='1'] {
        background: #f66a0a;
      }

      .heat[data-heat='2'] {
        background: rgba(246, 106, 10, 0.9);
      }

      .heat[data-heat='3'] {
        background: rgba(246, 106, 10, 0.8);
      }

      .heat[data-heat='4'] {
        background: rgba(246, 106, 10, 0.7);
      }

      .heat[data-heat='5'] {
        background: rgba(246, 106, 10, 0.6);
      }

      .heat[data-heat='6'] {
        background: rgba(246, 106, 10, 0.5);
      }

      .heat[data-heat='7'] {
        background: rgba(246, 106, 10, 0.4);
      }

      .heat[data-heat='8'] {
        background: rgba(246, 106, 10, 0.3);
      }

      .heat[data-heat='9'] {
        background: rgba(246, 106, 10, 0.2);
      }

      .heat[data-heat='10'] {
        background: rgba(246, 106, 10, 0.1);
      }

      .blame-commit-date {
        flex-shrink: 0;
        font-size: 11px;
        line-height: 25px;
      }

      .blame-commit-date[data-heat='1'] {
        color: #c24e00;
      }

      .blame-commit-date[data-heat='2'] {
        color: #ac571f;
      }

      .blame-commit-date[data-heat='3'] {
        color: #a35b2c;
      }

      .blame-commit-date[data-heat='4'] {
        color: #9a5f38;
      }

      .blame-commit-date[data-heat='5'] {
        color: #926245;
      }

      .blame-commit-date[data-heat='6'] {
        color: #896651;
      }

      .blame-commit-date[data-heat='7'] {
        color: #806a5e;
      }

      .blame-commit-date[data-heat='8'] {
        color: #776d6a;
      }

      .blame-commit-date[data-heat='9'] {
        color: #6e7177;
      }

      .blame-commit-date[data-heat='10'] {
        color: #6a737d;
      }

      .line-age-legend .heat {
        height: 10px;
        margin: 2px 1px 0;
        width: 2px;
      }

      .blame-breadcrumb .css-truncate-target {
        max-width: 680px;
      }

      .blame-commit-info {
        height: 26px;
        width: 450px;
      }

      .blame-commit-content {
        flex-grow: 2;
        overflow: hidden;
      }

      .blame-commit-message {
        text-overflow: ellipsis;
      }

      .blame-commit-message .message.blank {
        color: rgba(27, 31, 35, 0.3);
      }

      .blob-reblame {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        min-width: 24px;
        user-select: none;
      }

      .reblame-link {
        color: #d1d5da;
        padding-top: 2px;
      }

      .blame-hunk g-emoji {
        font-size: 14px !important;
      }

      .blame-hunk:hover .reblame-link {
        color: #6a737d;
      }

      .blame-container .blame-blob-num,
      .blame-container .blob-code-inner {
        padding-bottom: 3px;
        padding-top: 3px;
      }

      .blame-container .blob-code-inner {
        flex-grow: 1;
      }

      .editor-abort {
        display: inline;
        font-size: 14px;
      }

      .blob-interaction-bar {
        background-color: #f2f2f2;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
      }

      .blob-interaction-bar:before {
        content: '';
        display: table;
      }

      .blob-interaction-bar:after {
        clear: both;
        content: '';
        display: table;
      }

      .blob-interaction-bar .octicon-search {
        color: #586069;
        font-size: 12px;
        left: 10px;
        position: absolute;
        top: 10px;
      }

      .blob-filter {
        border: 0;
        border-radius: 0;
        font-size: 12px;
        outline: none;
        padding: 4px 20px 5px 30px;
        width: 100%;
      }

      .blob-filter:focus {
        outline: none;
      }

      .html-blob {
        margin-bottom: 15px;
      }

      .TagsearchPopover {
        max-width: 600px;
        width: inherit;
      }

      .TagsearchPopover-content {
        max-height: 200px;
      }

      .TagsearchPopover-list .TagsearchPopover-list-item:hover {
        background-color: #f6f8fa;
      }

      .TagsearchPopover-list
        .TagsearchPopover-list-item
        .TagsearchPopover-item:hover {
        text-decoration: none;
      }

      .TagsearchPopover-list .blob-code-inner {
        white-space: pre-wrap;
      }

      .license-summary-octicon {
        color: #959da5;
      }

      .rule-type-permissions {
        color: #28a745;
      }

      .rule-type-conditions {
        color: #0366d6;
      }

      .rule-type-limitations {
        color: #d73a49;
      }

      .linejump .linejump-input {
        background-color: #fafbfc;
        width: 340px;
      }

      .linejump .btn,
      .linejump .linejump-input {
        font-size: 16px;
        padding: 10px 15px;
      }

      .check-for-fork.is-error .check-for-fork-loading {
        display: none;
      }

      .check-for-fork.is-error .check-for-fork-error {
        display: inline-block;
      }

      .check-for-fork-error {
        display: none;
      }

      .commit-form-avatar {
        margin-left: -64px;
      }

      .file-commit-form {
        padding-left: 64px;
      }

      .file-commit-form--full {
        margin-top: 16px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
      }

      .file-commit-form--full .commit-form {
        border: 0;
        margin-bottom: 24px;
        padding: 0;
      }

      .file-commit-form--full .commit-form:before {
        display: none;
      }

      .commit-form:after,
      .commit-form:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .commit-form:after {
        border-right-color: #fff;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .commit-form:before {
        border-right-color: #ddd;
        border-width: 8px;
      }

      .quick-pull-new-branch-icon {
        left: 10px;
        top: 9px;
      }

      .code-formatting-menu {
        width: 260px;
      }

      .merge-pr {
        border-top: 1px solid #d1d5da;
        margin: 20px 0 0;
        padding-top: 10px;
      }

      .merge-pr.open .merge-branch-form {
        display: block;
      }

      .merge-pr.open .branch-action {
        display: none;
      }

      .status-heading {
        margin-bottom: 1px;
      }

      .merge-status-list {
        border: solid #e1e4e8;
        border-width: 1px 0 0;
        margin: 15px -15px -16px -55px;
        max-height: 0;
        overflow-y: auto;
        padding: 0;
        transition: max-height 0.25s ease-in-out;
      }

      .statuses-toggle-opened {
        display: none;
      }

      .merge-status-item {
        background-color: #fafbfc;
        border-bottom: 1px solid #e1e4e8;
        padding: 10px 15px;
        position: relative;
      }

      .merge-status-item:last-child {
        border-bottom: 0;
      }

      .merge-status-item .css-truncate-target {
        max-width: 100%;
      }

      .merge-status-item .dismiss-review-form {
        display: none;
      }

      .merge-status-item.open .review-status-item {
        display: none !important;
      }

      .merge-status-item.open .dismiss-review-form {
        display: block;
      }

      .status-meta {
        color: #586069;
      }

      .status-meta-file-name {
        background-color: rgba(27, 31, 35, 0.05);
        border-radius: 3px;
        font-size: 85%;
        margin: 0;
        padding: 0.2em 0.4em;
      }

      .status-actions {
        margin-left: auto;
      }

      .branch-action-item-icon {
        float: left;
        margin-left: -40px;
      }

      .merge-status-icon {
        margin-right: 12px;
        min-width: 30px;
      }

      .merge-pr-more-commits {
        color: #586069;
        font-size: 12px;
        margin-bottom: 10px;
        margin-left: 60px;
        margin-top: 10px;
      }

      .branch-action {
        margin-bottom: 15px;
        margin-top: 15px;
        padding-left: 60px;
      }

      .branch-action .merge-branch-heading {
        margin-bottom: 4px;
      }

      .branch-action-icon {
        border-radius: 3px;
        color: #fff;
        float: left;
        height: 44px;
        margin-left: -60px;
        padding: 6px;
        text-align: center;
        width: 44px;
      }

      .branch-action-body {
        background-color: #fff;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        position: relative;
      }

      .branch-action-body:after,
      .branch-action-body:before {
        border-color: transparent;
        border-style: solid solid outset;
        content: ' ';
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0;
      }

      .branch-action-body:after {
        border-right-color: #fff;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px;
      }

      .branch-action-body:before {
        border-right-color: #d1d5da;
        border-width: 8px;
      }

      .branch-action-body .spinner {
        background: url(/images/spinners/octocat-spinner-32.gif) no-repeat;
        display: block;
        float: left;
        height: 32px;
        margin-right: 15px;
        width: 32px;
      }

      .branch-action-body .merge-branch-form,
      .branch-action-body .merge-message {
        background-color: #fafbfc;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-top: 1px solid #e1e4e8;
        padding: 15px;
      }

      .post-merge-message {
        padding: 15px;
      }

      .branch-action-item {
        font-size: 13px;
        line-height: 1.4;
        padding: 15px 15px 15px 55px;
      }

      .branch-action-item + .branch-action-item,
      .branch-action-item + .mergeability-details {
        border-top: 1px solid #e1e4e8;
      }

      .branch-action-item.open > .merge-status-list,
      .branch-action-item.open
        > .merge-status-list-wrapper
        > .merge-status-list {
        margin-bottom: -15px;
        max-height: 231px;
      }

      .branch-action-item.open .statuses-toggle-opened {
        display: inline;
      }

      .branch-action-item.open .statuses-toggle-closed {
        display: none;
      }

      .branch-action-btn {
        margin-left: 15px;
      }

      .branch-action-item-simple {
        padding-left: 15px;
      }

      .branch-action-item-simple .merge-status-list {
        margin-left: -15px;
      }

      .branch-action-item-simple .merge-status-item {
        padding-left: 12px;
      }

      .branch-action-state-clean .branch-action-icon {
        background-color: #2cbe4e;
      }

      .branch-action-state-clean .branch-action-body {
        border-color: #34d058;
      }

      .branch-action-state-clean .branch-action-body:before {
        border-right-color: #34d058;
      }

      .branch-action-state-unknown .branch-action-icon,
      .branch-action-state-unstable .branch-action-icon {
        background-color: #dbab09;
      }

      .branch-action-state-unknown .branch-action-body,
      .branch-action-state-unstable .branch-action-body {
        border-color: #e2cc7a;
      }

      .branch-action-state-unknown .branch-action-body:before,
      .branch-action-state-unstable .branch-action-body:before {
        border-right-color: #e2cc7a;
      }

      .branch-action-state-merged .branch-action-icon {
        background-color: #6f42c1;
      }

      .branch-action-state-merged .branch-action-body {
        border-color: #d5c8ed;
      }

      .branch-action-state-merged .branch-action-body:before {
        border-right-color: #d5c8ed;
      }

      .branch-action-state-closed-dirty .branch-action-icon,
      .branch-action-state-dirty .branch-action-icon,
      .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-icon {
        background-color: #6a737d;
      }

      .branch-action-state-closed-dirty .branch-action-body,
      .branch-action-state-dirty .branch-action-body,
      .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body {
        border-color: #d1d5da;
      }

      .branch-action-state-closed-dirty .branch-action-body:before,
      .branch-action-state-dirty .branch-action-body:before,
      .is-rebasing
        .branch-action-state-dirty-if-rebasing
        .branch-action-body:before {
        border-right-color: #d1d5da;
      }

      .branch-action-state-error .branch-action-icon {
        background-color: #d73a49;
      }

      .branch-action-state-error .branch-action-body {
        border-color: #f97583;
      }

      .branch-action-state-error .branch-action-body:before {
        border-right-color: #f97583;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        .branch-action-body .spinner {
          background-image: url(/images/spinners/octocat-spinner-64.gif);
          background-size: 32px 32px;
        }
      }

      .merge-branch-form {
        margin: 15px 0;
      }

      .merge-branch-form .commit-form {
        border-color: #85e89d;
      }

      .merge-branch-form .commit-form:before {
        border-right-color: #e1e4e8;
      }

      .merge-branch-form.danger .commit-form,
      .merge-branch-form.error .commit-form {
        border-color: #f97583;
      }

      .merge-branch-form.danger .commit-form:before,
      .merge-branch-form.error .commit-form:before {
        border-right-color: #f97583;
      }

      .merge-button-matrix-merge-form .merge-branch-form {
        display: block;
      }

      .completeness-indicator {
        height: 30px;
        text-align: center;
        width: 30px;
      }

      .completeness-indicator .octicon {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7px;
      }

      .completeness-indicator .octicon-alert {
        margin-top: 6px;
      }

      .completeness-indicator-success {
        background-color: #2cbe4e;
        border-radius: 50%;
        color: #fff;
      }

      .completeness-indicator-error {
        background-color: #cb2431;
        border-radius: 50%;
        color: #fff;
      }

      .completeness-indicator-problem {
        background-color: #6a737d;
        border-radius: 50%;
        color: #fff;
      }

      .pull-merging .pull-merging-error {
        display: none;
      }

      .pull-merging.is-error .pull-merging-error {
        display: block;
      }

      .pull-merging.is-error .merge-pr {
        display: none;
      }

      .RecentBranches {
        background-color: #fffbdd;
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 3px;
      }

      .RecentBranches-item {
        color: #735c0f;
        line-height: 28px;
      }

      .RecentBranches-item + .RecentBranches-item {
        border-top: 1px solid rgba(27, 31, 35, 0.05);
      }

      .RecentBranches-item-link {
        color: #735c0f;
      }

      .RecentBranches-item-link.css-truncate-target {
        max-width: 400px;
      }

      .range-editor {
        background-color: #fafbfc;
        border: 1px solid #e1e4e8;
        border-radius: 3px;
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 5px 15px 5px 40px;
        position: relative;
      }

      .range-editor .dots {
        font-size: 16px;
      }

      .range-editor .select-menu {
        display: inline-block;
        position: relative;
      }

      .range-editor .select-menu.fork-suggester {
        display: none;
      }

      .range-editor .branch-name {
        line-height: 22px;
      }

      .range-editor .branch .css-truncate-target,
      .range-editor .fork-suggester .css-truncate-target {
        max-width: 180px;
      }

      .range-editor .pre-mergability {
        display: inline-block;
        line-height: 26px;
        padding: 5px;
        vertical-align: middle;
      }

      .range-editor .pre-mergability .octicon {
        vertical-align: text-bottom;
      }

      .range-editor.is-cross-repo .select-menu.fork-suggester {
        display: inline-block;
      }

      .range-editor-icon {
        color: #586069;
        float: left;
        margin-left: -25px;
        margin-top: 10px;
      }

      .gh-header-new-pr {
        margin-bottom: 15px;
      }

      .gh-header-new-pr .gh-header-meta {
        border-bottom: 0;
        margin-top: 5px;
        padding-bottom: 0;
      }

      .gh-header-new-pr .branch-name {
        display: inline;
      }

      .compare-pr-header,
      .is-pr-composer-expanded .compare-show-header {
        display: none;
      }

      .is-pr-composer-expanded .compare-pr-header {
        display: block;
      }

      .range-cross-repo-pair {
        display: inline-block;
        padding: 5px;
        white-space: nowrap;
      }

      ul.comparison-list {
        background: #fff;
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        font-size: 14px;
        margin: 25px auto 15px;
        text-align: left;
        width: 350px;
      }

      ul.comparison-list > li {
        border-top: 1px solid #eaecef;
        list-style-type: none;
        padding: 7px 10px;
      }

      ul.comparison-list > li a {
        font-weight: 600;
      }

      ul.comparison-list > li em {
        color: #586069;
        float: right;
        font-style: normal;
      }

      ul.comparison-list > li .octicon {
        color: #a3aab1;
        position: relative;
        top: 1px;
      }

      ul.comparison-list > li .css-truncate-target {
        max-width: 200px;
      }

      ul.comparison-list > li.title {
        background: #fafbfc;
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #6a737d;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
      }

      .branches .clear-search {
        display: none;
      }

      .branches .loading-overlay {
        background-color: hsla(0, 0%, 100%, 0.7);
        display: none;
        height: 100%;
        padding-top: 50px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 20;
      }

      .branches.is-search-mode .clear-search,
      .branches .loading-overlay .spinner {
        display: inline-block;
      }

      .branch-a-b-count .count-half {
        float: left;
        padding-bottom: 6px;
        position: relative;
        text-align: right;
        width: 90px;
      }

      .branch-a-b-count .count-half:last-child {
        border-left: 1px solid #959da5;
        text-align: left;
      }

      .branch-a-b-count .count-value {
        display: block;
        font-size: 10px;
        padding: 0 3px;
        position: relative;
        top: -1px;
      }

      .branch-a-b-count .bar {
        height: 4px;
        min-width: 3px;
        position: absolute;
      }

      .branch-a-b-count .meter {
        background-color: #c6cbd1;
        height: 4px;
        position: absolute;
      }

      .branch-a-b-count .meter.zero {
        background-color: transparent;
      }

      .branch-a-b-count .bar-behind,
      .branch-a-b-count .bar-behind .meter {
        border-radius: 3px 0 0 3px;
        right: 0;
      }

      .branch-a-b-count .bar-ahead {
        border-radius: 0 3px 3px 0;
        left: 0;
      }

      .branch-a-b-count .bar-ahead .meter {
        border-radius: 0 3px 3px 0;
      }

      .branch-a-b-count .bar-ahead.even,
      .branch-a-b-count .bar-behind.even {
        background: #eaecef;
        min-width: 2px;
      }

      .custom-messages .add-message {
        flex: 1;
      }

      .custom-messages .add-message .Subhead-heading {
        flex: 0 0 auto;
      }

      .custom-messages .add-message p {
        flex: 1;
        line-height: 21px;
      }

      .custom-messages .tabnav {
        border: 0;
        height: 23px;
        padding: 0;
      }

      .custom-messages .write-content {
        margin-left: 0;
        margin-right: 0;
      }

      .custom-messages .timeline-comment {
        background-color: inherit;
        border: 0;
        margin-top: -25px;
      }

      .custom-messages .comment-form-textarea {
        min-height: 200px;
      }

      .custom-messages .flash {
        margin-bottom: 10px;
        overflow-y: hidden;
      }

      .admin-options-block .admin-option-button {
        margin-top: 8px;
      }

      .admin-options-block .policy-enforcement {
        color: #586069;
        display: inline;
        margin-left: 8px;
      }

      .admin-options-block .policy-enforcement label {
        font-size: 13px;
      }

      .admin-options-block .disabled,
      .admin-options-block .disabled .note {
        color: #6a737d;
      }

      .overflow-scroll-y {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
      }

      .business-menu .business-sub-menu-item {
        color: #6a737d;
      }

      .business-menu .business-sub-menu-item.selected {
        color: #24292e;
        font-weight: 600;
      }

      .business-menu .business-sub-menu-item:hover {
        color: #24292e;
      }

      .business-menu .menu-item.selected + .business-sub-menu {
        display: flex !important;
      }

      body.full-width-p-0 .new-discussion-timeline {
        border-bottom: 1px solid #e1e4e8;
        padding: 0 !important;
      }

      body.full-width-p-0 .footer .mt-6 {
        border-top: 0 !important;
        margin-top: 0 !important;
      }

      body.full-width-p-0 .tabnav-pr .tabnav-extra {
        margin-right: 24px;
      }

      body.full-width-p-0 .tabnav-pr .tabnav-tabs {
        margin-left: 16px;
      }

      .checks-toolbar-commit-message.css-truncate {
        max-width: 300px;
      }

      .checks-index-group .octicon {
        vertical-align: text-top;
      }

      .actions-full-screen .Header,
      .actions-full-screen .Header-old,
      .actions-full-screen .pagehead {
        display: none;
      }

      .checks-index-item:first-child:before {
        background-image: linear-gradient(
          180deg,
          rgba(47, 54, 61, 0.1) 0,
          hsla(0, 0%, 100%, 0)
        );
        content: ' ';
        height: 5px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
      }

      .checks-index-item:hover {
        background-color: #fff !important;
      }

      .checks-index-item.selected {
        background-color: #fff !important;
      }

      .checks-index-item.selected:after {
        background-color: #e36209;
        bottom: 0;
        content: ' ';
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        width: 3px;
      }

      .checks-index-item .css-truncate-target {
        max-width: 220px;
      }

      .checks-index-item-icon {
        width: 16px;
      }

      .selected .checks-index-label {
        color: #24292e;
        font-weight: 600;
      }

      .checks-summary-meta .octicon {
        width: 16px;
      }

      .checks-results-items .octicon-fold {
        display: none;
      }

      .checks-results-items .Details--on .octicon-fold {
        display: inline-block;
      }

      .checks-results-items .Details--on .octicon-unfold {
        display: none;
      }

      .check-annotation {
        border-bottom-left-radius: 0;
        border-left: 0;
        border-top-left-radius: 0;
      }

      .check-annotation:after {
        bottom: -1px;
        content: ' ';
        display: block;
        left: 0;
        position: absolute;
        top: -1px;
        width: 4px;
      }

      .check-annotation .annotation-actions {
        right: 8px;
        top: 4px;
      }

      .check-annotation .annotation-octicon {
        width: 16px;
      }

      .check-annotation.Details--on .Details-content--hidden {
        display: block !important;
      }

      .diff-table .check-annotation {
        max-width: 962px;
      }

      .annotation-title {
        word-break: break-all;
      }

      .check-annotation-failure:after {
        background-color: #d73a49;
      }

      .check-annotation-failure .annotation-title {
        color: #d73a49;
      }

      .check-annotation-warning:after {
        background-color: #ffd33d;
      }

      .check-annotation-warning .octicon-alert {
        color: #dbab09;
      }

      .check-annotation-warning .annotation-title {
        color: #b08800;
      }

      .check-annotation-notice:after {
        background-color: #6a737d;
      }

      .check-annotation-notice .annotation-title {
        color: #6a737d;
      }

      .neutral-check {
        color: #959da5;
      }

      .code-frequency .addition {
        fill: #2cbe4e;
        fill-opacity: 1;
      }

      .code-frequency .deletion {
        fill: #cb2431;
        fill-opacity: 1;
      }

      .cadd {
        color: #28a745;
      }

      .cadd,
      .cdel {
        font-weight: 600;
      }

      .cdel {
        color: #cb2431;
      }

      .code-list .file-box {
        border: 1px solid #e1e4e8;
        border-radius: 3px;
      }

      .code-list em {
        background-color: rgba(255, 255, 140, 0.5);
        border-radius: 3px;
        color: #24292e;
        font-style: normal;
        font-weight: 600;
        margin: 0 -2px;
        padding: 2px;
      }

      .code-list .title {
        font-weight: 600;
        line-height: 1.2;
        margin: -3px 0 10px 38px;
        min-height: 24px;
      }

      .code-list .repo-specific .full-path,
      .code-list .repo-specific .title {
        margin-left: 0;
      }

      .code-list .match-count,
      .code-list .updated-at {
        font-weight: 400;
        margin: 0;
      }

      .code-list .language {
        color: rgba(51, 51, 51, 0.75);
        float: right;
        font-size: 12px;
        margin-left: 10px;
      }

      .code-list .avatar {
        float: left;
      }

      .code-list .code-list-item + .code-list-item {
        border-top: 1px solid #eee;
      }

      .code-list .blob-num {
        padding: 0;
      }

      .code-list .blob-num:before {
        content: normal;
      }

      .code-list .blob-num a {
        color: inherit;
        padding: 0 10px;
      }

      .code-list .blob-num a:hover {
        color: #0366d6;
      }

      .code-list .blob-code {
        white-space: pre-wrap;
      }

      .code-list .divider .blob-code,
      .code-list .divider .blob-num {
        background-color: #f8fafd;
        cursor: default;
        padding-bottom: 0;
        padding-top: 0;
      }

      .code-list .divider .blob-num {
        background-color: #f0f5fa;
        height: 18px;
        line-height: 15px;
        padding: 0 10px;
      }

      .code-list .full-path {
        margin: 0 0 0 40px;
      }

      .code-list .full-path .octicon-repo {
        color: #586069;
      }

      .code-list .full-path .octicon-lock {
        color: #e9dba4;
      }

      .code-list .full-path a {
        color: #6a737d;
      }

      .code-list-item-private .file-box {
        border: 1px solid #fadda5;
      }

      .code-list-item-private .blob-num {
        background-color: #fffdef;
        border-right: 1px solid #fadda5;
      }

      .code-list-item-private .blob-num a {
        color: rgba(27, 31, 35, 0.7);
      }

      .code-list-item-private .divider .blob-code,
      .code-list-item-private .divider .blob-num {
        background-color: #fffdef;
        color: rgba(27, 31, 35, 0.7);
      }

      .codesearch-head.pagehead h1 {
        line-height: 33px;
        width: 250px;
      }

      .search-autocomplete-dropdown {
        min-width: 240px;
      }

      .search-autocomplete-dropdown .autocomplete-category-heading:after {
        background-color: #e1e4e8;
        content: '';
        height: 1px;
        margin-top: 8px;
        position: absolute;
        width: 100%;
      }

      .search-autocomplete-dropdown .autocomplete-keyword-only {
        background: #f6f8fa;
      }

      .search-autocomplete-dropdown .autocomplete-text {
        color: #24292e;
      }

      .search-autocomplete-dropdown .navigation-item {
        cursor: pointer;
      }

      .search-autocomplete-dropdown .navigation-item.navigation-focus,
      .search-autocomplete-dropdown .navigation-item[aria-selected='true'] {
        background-color: #0366d6;
        border-radius: 3px;
        color: #fff;
      }

      .search-autocomplete-dropdown
        .navigation-item.navigation-focus
        .autocomplete-text,
      .search-autocomplete-dropdown
        .navigation-item[aria-selected='true']
        .autocomplete-text {
        color: #fff;
      }

      @media (min-width: 768px) {
        .advanced-search-form .flattened dt {
          width: 230px;
        }

        .advanced-search-form .flattened dt label {
          font-weight: 400;
        }

        .advanced-search-form .flattened dd,
        .advanced-search-form .form-checkbox {
          margin-left: 250px;
        }
      }

      .codesearch-results .code-list .title a {
        word-wrap: break-word;
      }

      .codesearch-results .repo-list-item {
        border-bottom: 0;
      }

      .codesearch-results .repo-list-item + .repo-list-item {
        border-top: 1px solid #e1e4e8;
      }

      .search-form-fluid .TableObject-item--primary {
        padding-right: 8px;
        position: relative;
      }

      .search-form-fluid .completed-query {
        left: 8px;
        margin: 0;
        overflow: hidden;
        position: absolute;
        right: 8px;
        top: 7px;
        white-space: nowrap;
        z-index: 1;
      }

      .search-form-fluid .completed-query span {
        opacity: 0;
      }

      .search-form-fluid .search-page-label {
        cursor: text;
        display: block;
        font-weight: 400;
        position: relative;
      }

      .search-form-fluid .search-page-label.focus .completed-query {
        opacity: 0.6;
      }

      .search-form-fluid .search-page-input {
        background: none;
        border: 0;
        box-shadow: none;
        margin: 0;
        min-height: 0;
        padding: 0;
        position: relative;
        z-index: 2;
      }

      .search-form-fluid .search-page-input:focus {
        box-shadow: none;
      }

      .topics-row-container {
        height: 30px;
        overflow: hidden;
      }

      @media (max-width: 544px) {
        .codesearch-pagination-container .gap,
        .codesearch-pagination-container a:not(.next_page):not(.previous_page) {
          display: none;
        }

        .codesearch-pagination-container .next_page,
        .codesearch-pagination-container .previous_page {
          width: 100%;
        }

        .codesearch-pagination-container .current {
          background: #fff;
          border-color: #e1e4e8;
          color: #586069;
        }

        .codesearch-pagination-container .current:after {
          content: ' of ' attr(data-total-pages);
        }
      }

      .commit-activity-graphs .dots {
        display: none;
      }

      .commit-activity-master {
        margin-top: 20px;
      }

      .is-graph-loading .commit-activity-master {
        display: none;
      }

      rect {
        shape-rendering: crispedges;
      }

      rect.max {
        fill: #f9c513;
      }

      g.bar {
        fill: #28a745;
      }

      g.mini {
        fill: #fb8532;
      }

      g.active rect {
        fill: #b31d28;
      }

      .dot text,
      circle.focus {
        fill: #444d56;
      }

      .dot text {
        stroke: none;
      }

      .CommunityTemplate-header {
        height: 40px;
      }

      .CommunityTemplate-markdown {
        font-size: 14px;
        height: 800px;
        overflow-y: scroll;
      }

      .CommunityTemplate-highlight {
        background-color: #ffd33d;
        border-radius: 3px;
        color: #24292e;
        cursor: pointer;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        padding: 2px 4px;
      }

      .CommunityTemplate-highlight--focus {
        background-color: #0366d6;
        color: #fff;
      }

      .community-checklist .progress-bar {
        background: linear-gradient(90deg, #ffd33d, #c5e300, #28a745);
        background-color: transparent;
      }

      .community-checklist .progress {
        background-color: #f6f8fa;
        float: right;
      }

      .community-checklist .checklist-dot {
        color: #dbab09;
      }

      body.full-width-p0 .container {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
      }

      body.full-width-p0 .container.new-discussion-timeline {
        padding-left: 0;
        padding-right: 0;
      }

      .compare-cutoff,
      .diff-cutoff {
        background-color: #fff9ea;
        border: 1px solid #dfd8c2;
        border-radius: 3px;
        color: #4c4a42;
        font-weight: 600;
        margin: 5px 0;
        padding: 8px 0;
        text-align: center;
      }

      span.no-nl-marker {
        color: #cb2431;
        position: relative;
        vertical-align: middle;
      }

      .symlink .no-nl-marker {
        display: none;
      }

      .existing-pull {
        margin: 10px 0;
      }

      .existing-pull .list-group-item:before {
        content: '';
        display: table;
      }

      .existing-pull .list-group-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .existing-pull .existing-pull-contents {
        float: left;
        width: 680px;
      }

      .existing-pull .existing-pull-button {
        float: right;
        margin-top: 3px;
      }

      .existing-pull .existing-pull-number {
        color: #aaa;
        font-weight: 400;
      }

      .existing-pull .css-truncate {
        max-width: 700px;
      }

      .existing-pull .css-truncate p {
        display: inline;
      }

      .compare-pr-placeholder {
        background-color: #fff9ea;
        border: 1px solid #dfd8c2;
        border-radius: 3px;
        color: #4c4a42;
        font-size: 14px;
        margin: 15px 0;
        padding: 15px;
      }

      .compare-pr-placeholder p {
        color: #6d6c60;
        margin: 7px 0;
      }

      .compare-pr-placeholder .btn {
        margin-bottom: -2px;
        margin-right: 10px;
      }

      .compare-pr-placeholder .help-link {
        color: #9c997d;
        margin-right: -3px;
        margin-top: 5px;
        padding: 3px;
        text-decoration: none;
      }

      .compare-pr .contributing,
      .compare-pr .new-pr-form,
      .compare-pr.open .compare-pr-placeholder {
        display: none;
      }

      .compare-pr.open .contributing,
      .compare-pr.open .new-pr-form {
        display: block;
      }

      .select-menu-item {
        background-color: #fff;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        text-align: left;
      }

      .contributions-setting-menu {
        width: 330px;
        z-index: 80;
      }

      .calendar-graph {
        height: 126px;
        padding: 5px 0 0;
        text-align: center;
      }

      .calendar-graph.days-selected rect.day {
        opacity: 0.5;
      }

      .calendar-graph.days-selected rect.day.active {
        opacity: 1;
      }

      .calendar-graph .dots {
        height: 64px;
        margin: 20px auto 0;
        width: 64px;
      }

      .calendar-graph text.month {
        fill: #767676;
        font-size: 10px;
      }

      .calendar-graph text.wday {
        fill: #767676;
        font-size: 9px;
      }

      .graph-before-activity-overview {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .activity-overview-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .contrib-footer {
        font-size: 11px;
        padding: 0 10px 12px;
      }

      .contrib-legend {
        float: right;
      }

      .contrib-legend .legend {
        bottom: -1px;
        display: inline-block;
        list-style: none;
        margin: 0 5px;
        position: relative;
      }

      .contrib-legend .legend li {
        display: inline-block;
        height: 10px;
        width: 10px;
      }

      .contrib-square {
        color: #cce888;
        font-size: 22px;
        line-height: 0.9;
      }

      .contribution-activity h2 {
        font-size: 18px;
        font-weight: 400;
        margin: 30px 0 15px;
      }

      .contribution-activity .select-menu-button {
        position: relative;
        top: -4px;
      }

      .contribution-activity.loading .contribution-activity-listing,
      .contribution-activity.loading .contribution-activity-show-more {
        display: none;
      }

      .contribution-activity.loading .contribution-activity-spinner {
        display: block;
      }

      .contribution-activity-spinner {
        display: none;
        height: 64px;
        margin: 20px auto 0;
        width: 64px;
      }

      .contribution-activity-spinner.next {
        margin: 0 auto;
      }

      ul.simple-conversation-list a.meta {
        color: #586069;
      }

      li.contribution {
        list-style: none;
        padding: 10px 0;
      }

      li.contribution h3 {
        display: inline-block;
        font-size: 14px;
        margin: 0;
      }

      li.contribution .cmeta {
        display: block;
        font-size: 12px;
      }

      li.contribution .d {
        color: #c00;
      }

      li.contribution .a {
        color: #8cac29;
      }

      li.contribution .num {
        color: #586069;
      }

      .activity-overview-axis,
      .activity-overview-point {
        stroke: #6cb267;
      }

      .halloween-activity-overview .activity-overview-axis,
      .halloween-activity-overview .activity-overview-point {
        stroke: #fe9600;
      }

      .activity-overview-label {
        fill: #586069;
      }

      .activity-overview-percentage {
        fill: #959da5;
        font-size: 10px;
      }

      .tint-box {
        background: #f6f8fa;
        border-radius: 6px;
        margin-bottom: 10px;
        position: relative;
      }

      .tint-box.transparent {
        background: #fff;
      }

      .tint-box .activity {
        margin-top: 0;
        padding-top: 100px;
      }

      .contrib-person path {
        fill: #fb8532;
      }

      .contrib-person .midlabel {
        fill: #959da5;
      }

      .coupons .setup-plans td img {
        margin-top: -2px;
        vertical-align: middle;
      }

      .coupons .coupon-form-body {
        background-color: #fff;
        background-image: linear-gradient(#fefefe, #fafafa);
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075), inset 1px 0 #fff;
        font-size: 14px;
        margin: 100px auto 60px;
        padding: 20px;
        text-align: center;
        width: 270px;
      }

      .coupons .coupon-form-body .input-block {
        margin-bottom: 15px;
      }

      .coupons .coupon-form-body .btn {
        display: block;
        width: 100%;
      }

      .coupon-icon {
        border: 1px solid #dedede;
        border-radius: 40px;
        color: #0366d6;
        height: 80px;
        margin: 0 auto 15px;
        width: 80px;
      }

      .coupon-icon .octicon {
        margin-right: 2px;
        margin-top: 15px;
      }

      .coupons-list-options {
        margin-bottom: 15px;
      }

      .coupons-list-options .BtnGroup,
      .coupons-list-options .select-menu {
        display: inline-block;
        margin-right: 10px;
      }

      .coupons-list-options .pagination {
        float: right;
        margin: 0;
      }

      .user-repos .mini-repo-list-item {
        padding-right: 6px;
      }

      .user-repos .mini-repo-list-item .repo-and-owner {
        max-width: 100%;
      }

      .user-repos .mini-repo-list-item .owner {
        max-width: 145px;
      }

      .repo-private-icon {
        fill: #dbab09;
      }

      .dashboard-rollup-items > .dashboard-rollup-item {
        border-top: 1px solid #e1e4e8;
      }

      @keyframes broadCastMaskFade {
        0% {
          opacity: 0;
        }

        30% {
          opacity: 1;
        }

        70% {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      .github-jobs-logo:hover {
        text-decoration: none;
      }

      .github-jobs-logo strong {
        background: url(/images/modules/jobs/logo.png) 0 0 no-repeat;
        background-size: 62px auto;
        display: inline-block;
        height: 12px;
        text-indent: -9999px;
        vertical-align: middle;
        width: 62px;
      }

      .dashboard h1 {
        font-size: 160%;
        margin-bottom: 0.5em;
      }

      .dashboard h1 a {
        font-size: 70%;
        font-weight: 400;
      }

      .dashboard .notice {
        margin-bottom: 0;
        margin-top: 0;
        padding: 15px;
        text-align: center;
      }

      .news-full,
      .page-profile .news {
        float: none;
        width: auto;
      }

      .dashboard-break-word {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
      }

      .news .error-message,
      .news .is-error .loading-message {
        display: none;
      }

      .news .is-error .error-message {
        display: block;
      }

      .news .bio g-emoji,
      .news .repo-description g-emoji {
        display: inline-block;
      }

      .dashboard-underlined-link:hover,
      .dashboard-underlined-link:hover * {
        text-decoration: underline;
      }

      .dashboard-notice {
        background-color: #fafbfc;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        font-size: 14px;
        margin-bottom: 20px;
        padding: 15px 15px 15px 55px;
        position: relative;
      }

      .dashboard-notice .dismiss {
        color: #959da5;
        cursor: pointer;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 16px;
      }

      .dashboard-notice .dismiss:hover {
        color: #586069;
      }

      .dashboard-notice .notice-icon {
        left: 15px;
        position: absolute;
        top: 15px;
      }

      .dashboard-notice .octicon-organization {
        color: #0366d6;
      }

      .dashboard-notice h2 {
        color: #24292e;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 16px;
        margin-top: 9px;
      }

      .dashboard-notice p.no-title {
        padding-right: 5px;
      }

      .dashboard-notice .inset-figure {
        float: right;
        margin-bottom: 15px;
        margin-left: 20px;
      }

      .dashboard-notice ul {
        margin-left: 18px;
      }

      .dashboard-notice li {
        padding-bottom: 15px;
      }

      .dashboard-notice .coupon {
        background: #fff;
        border: 1px dashed #dbedff;
        font-size: 20px;
        font-weight: 600;
        margin: 15px 0;
        padding: 10px;
        text-align: center;
      }

      .dashboards-overview-lead {
        width: 700px;
      }

      .dashboards-overview-cards .boxed-group {
        margin: 10px 0;
        width: 100%;
      }

      .dashboards-overview-cards .boxed-group .graph-canvas path {
        stroke-opacity: 0.5;
      }

      .dashboards-overview-cards .is-no-activity .blankslate {
        display: block;
      }

      .dashboards-overview-cards .is-no-activity .dashboards-overview-graph {
        display: none;
      }

      .dashboards-overview-cards .blankslate {
        background-color: #fff;
        border: 0;
        box-shadow: none;
        display: none;
        padding-top: 47px;
      }

      .dashboards-overview-cards .octicon-arrow-down,
      .dashboards-overview-cards .octicon-arrow-up {
        display: none;
      }

      .dashboards-overview-cards .is-decrease .octicon-arrow-down,
      .dashboards-overview-cards .is-increase .octicon-arrow-up {
        display: inline-block;
      }

      .dashboards-overview-cards .octicon-arrow-down {
        color: #cb2431;
      }

      .dashboards-overview-cards .octicon-arrow-up {
        color: #1db34f;
      }

      .dashboards-overview-cards .graph-canvas .dots {
        padding: 43px 0;
      }

      .dashboards-overview-cards .summary-stats {
        height: 78px;
      }

      .dashboards-overview-cards .summary-stats .metric-0 {
        color: #1db34f;
      }

      .dashboards-overview-cards .summary-stats .metric-1 {
        color: #0366d6;
      }

      .dashboards-overview-cards .summary-stats .totals-num {
        margin: 0 7px;
      }

      .dashboards-overview-cards .summary-stats .single {
        width: 100%;
      }

      .dashboards-overview-cards .dashboards-overview-graph {
        height: 160px;
      }

      .dashboards-overview-cards .dashboards-overview-graph path {
        fill: none;
        stroke-width: 2;
      }

      .dashboards-overview-cards .dashboards-overview-graph path.metric-0 {
        stroke: #1db34f;
      }

      .dashboards-overview-cards .dashboards-overview-graph path.metric-1 {
        stroke: #1d7fb3;
      }

      .dashboards-overview-cards .dashboards-overview-graph .y line {
        stroke: #1db34f;
      }

      .dashboards-overview-cards .dashboards-overview-graph .y.unique line {
        stroke: #1d7fb3;
      }

      .dashboards-overview-cards .dashboards-overview-graph .overlay {
        fill-opacity: 0;
      }

      .dashboards-overview-cards .metric-0 circle {
        fill: #1db34f;
        stroke: #fff;
        stroke-width: 2;
      }

      .dashboards-overview-cards .dots.metric-1 circle {
        fill: #1d7fb3;
        stroke: #fff;
        stroke-width: 2;
      }

      dl.form.developer-select-account {
        margin-top: 0;
      }

      .developer-wrapper .setup-info-module .features-list {
        margin-left: 16px;
      }

      .developer-wrapper .setup-info-module .features-list .octicon {
        margin-left: -17px;
      }

      .developer-thanks h2 {
        font-size: 38px;
        font-weight: 400;
      }

      .developer-thanks .hook {
        color: #666;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 30px;
        margin-top: 2px;
      }

      .developer-thanks-image {
        bottom: -45px;
        float: left;
        position: relative;
        width: 400px;
      }

      .developer-thanks-section {
        margin: 130px 0 0 470px;
      }

      .developer-next-steps {
        font-size: 18px;
        font-weight: 300;
        list-style: none;
      }

      .developer-next-steps li {
        margin-top: 10px;
      }

      .developer-next-steps li:first-child {
        margin-top: 0;
      }

      .developer-next-steps .octicon {
        color: #28a745;
        margin-right: 10px;
        vertical-align: middle;
      }

      .deployments-timeline {
        border-bottom: 2px solid #e6ebf1;
      }

      .deployments-timeline-item {
        border-left: 2px solid #e6ebf1;
      }

      .deployments-timeline-icon {
        left: -1px;
      }

      .deployments-timeline-icon.is-error,
      .deployments-timeline-icon.is-failure {
        color: #cb2431;
      }

      .deployments-timeline-icon.is-active {
        color: #28a745;
      }

      .deployments-timeline-icon.is-inactive {
        color: #6a737d;
      }

      .deployments-timeline-icon.is-in_progress,
      .deployments-timeline-icon.is-pending,
      .deployments-timeline-icon.is-queued {
        color: #b08800;
      }

      .donut-chart > .action_required,
      .donut-chart > .cancelled,
      .donut-chart > .error,
      .donut-chart > .failure,
      .donut-chart > .timed_out {
        fill: #cb2431;
      }

      .donut-chart > .expected,
      .donut-chart > .in_progress,
      .donut-chart > .pending,
      .donut-chart > .queued {
        fill: #dbab09;
      }

      .donut-chart > .success {
        fill: #2cbe4e;
      }

      .donut-chart > .neutral {
        fill: #959da5;
      }

      .survey-question-form .other-text-form,
      .survey-question-form .other-text-form-block {
        display: none;
        margin-top: 0;
      }

      .survey-question-form.is-other-selected .other-text-form {
        display: inline-block;
      }

      .survey-question-form.is-other-selected .other-text-form-block {
        display: block;
      }

      .setup-header .large-file-storage-header {
        font-size: 44px;
      }

      .early-acccess-setup-form .form-group {
        margin-bottom: 30px;
        margin-top: 0;
      }

      .early-acccess-setup-form select {
        display: block;
        width: 200px;
      }

      .early-access-setup-list {
        font-size: 14px;
        margin: 0;
        padding: 0 15px 15px;
      }

      .early-access-setup-list .early-access-setup-list-item {
        margin-left: 20px;
        margin-top: 10px;
      }

      .early-access-setup-list .early-access-setup-list-item:first-child {
        margin-top: 0;
      }

      .early-access-thanks-wrapper {
        background-color: #fcfcfc;
        border-bottom: 1px solid #ddd;
        height: 80vh;
        margin-bottom: -41px;
        position: relative;
        z-index: 1;
      }

      .early-access-thanks-content {
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 500px;
      }

      .early-access-thanks-title {
        font-weight: 400;
        margin-top: 0;
      }

      .early-access-thanks-lead {
        margin-bottom: 0;
        margin-top: 0;
      }

      .eap-error-state-title {
        margin-top: 0;
      }

      .ghe-license-status {
        font-size: 16px;
        padding: 40px 0;
        text-align: center;
      }

      .ghe-license-status .octocat {
        margin-bottom: 20px;
        width: 225px;
      }

      .ghe-license-status h1 {
        margin-bottom: 10px;
      }

      .ghe-license-status p {
        color: #586069;
        margin-bottom: 5px;
      }

      .ghe-license-expiry-icon {
        color: #ddb38a;
        margin: 5px 10px 0 0;
      }

      .explore-content {
        margin-top: -15px;
      }

      .explore-content .blankslate {
        margin-top: 15px;
      }

      .explore-pjax-container {
        position: relative;
      }

      .repo-snipit {
        display: inline-block;
        margin-top: 7px;
      }

      .repo-snipit:hover {
        text-decoration: none;
      }

      .repo-snipit .octicon {
        color: #586069;
        font-size: 14px;
      }

      .repo-snipit-name {
        color: #666;
        max-width: 200px;
      }

      .repo-snipit-description {
        color: #586069;
        max-width: 300px;
      }

      .repo-snipit:hover .repo-snipit-description,
      .repo-snipit:hover .repo-snipit-name {
        color: #0366d6;
      }

      .newsletter-frequency-choice {
        border: 1px solid #eee;
        border-radius: 4px;
        cursor: pointer;
        font-weight: 400;
      }

      .newsletter-frequency-choice .notice {
        bottom: 1em;
        color: #28a745;
        font-weight: 600;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: -1;
      }

      .newsletter-frequency-choice .notice.visible {
        bottom: -2em;
        opacity: 1;
        transition: opacity 0.15s ease-in-out;
      }

      .newsletter-frequency-choice h3 {
        background-color: #fafbfc;
        border-bottom: 1px solid #eee;
        font-weight: 400;
        margin: 0;
        padding: 10px;
        text-align: center;
      }

      .newsletter-frequency-choice h3 input {
        margin: 0 3px 0 -19px;
        position: relative;
        top: -2px;
      }

      .newsletter-frequency-choice p {
        margin: 15px;
      }

      .newsletter-frequency-choice:hover {
        border-color: #0366d6;
      }

      .newsletter-frequency-choice:hover h3 {
        background-color: #0366d6;
        border-color: #0366d6;
        color: #fff;
      }

      .newsletter-frequency-choice.selected {
        border-color: #28a745;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

      .newsletter-frequency-choice.selected h3 {
        background-color: #28a745;
        border-color: #28a745;
        color: #fff;
      }

      @media (min-width: 1012px) {
        .col-lg-9 .Collection {
          max-width: 744px;
        }
      }

      @media (min-width: 1012px) {
        .Spotlight {
          margin-top: 100px;
        }
      }

      .Spotlight-text {
        z-index: 1;
      }

      .Spotlight-blur {
        opacity: 0.9;
        z-index: 0;
      }

      @media (min-width: 1012px) {
        .Spotlight-blur {
          -webkit-mask-image: linear-gradient(
            0deg,
            #000,
            #000 75%,
            transparent
          );
          mask-image: linear-gradient(0deg, #000, #000 75%, transparent);
          opacity: 1;
        }
      }

      @media (min-width: 1280px) {
        .Spotlight-blur--toright {
          -webkit-mask-image: linear-gradient(
            90deg,
            #000,
            #000 75%,
            transparent
          );
          mask-image: linear-gradient(90deg, #000, #000 75%, transparent);
        }
      }

      @media (min-width: 1280px) {
        .Spotlight-blur--toleft {
          -webkit-mask-image: linear-gradient(
            270deg,
            #000,
            #000 75%,
            transparent
          );
          mask-image: linear-gradient(270deg, #000, #000 75%, transparent);
        }
      }

      .exploregrid {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        list-style: none;
      }

      .exploregrid-item-wrap {
        display: flex;
        flex-direction: column;
      }

      .exploregrid-item {
        border: 1px solid rgba(0, 0, 0, 0.075);
        border-bottom-color: rgba(0, 0, 0, 0.125);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
          0 5px 10px rgba(0, 0, 0, 0.05);
        color: #555;
        display: block;
        flex: 1;
        font-size: 14px;
        height: 100%;
        padding-bottom: 64px;
        padding-top: 24px;
        position: relative;
        transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
      }

      .exploregrid-item:hover {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 8px 15px rgba(0, 0, 0, 0.1);
        text-decoration: none;
      }

      .exploregrid-item:hover .exploregrid-item-title {
        color: #0366d6;
      }

      .exploregrid-item:hover .exploregrid-item-header {
        opacity: 1;
      }

      .exploregrid-item-mini {
        float: left;
        height: auto;
        margin: 0 0 15px;
        width: 100%;
      }

      .exploregrid-item-mini .exploregrid-item-header {
        height: 10px;
      }

      .exploregrid-item-mini .exploregrid-item-title {
        font-size: 16px;
      }

      .exploregrid-item-header {
        background-color: #f5f5f5;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 18px;
        left: 0;
        opacity: 0.8;
        position: absolute;
        top: 0;
        transition: opacity 0.1s ease-in-out;
        width: 100%;
      }

      .exploregrid-item-title {
        color: #24292e;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 5px;
        margin-top: 0;
      }

      .file {
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-bottom: 16px;
        margin-top: 16px;
        position: relative;
        z-index: 1;
      }

      .file.has-open-dropdown {
        z-index: 2;
      }

      .file .data.empty {
        color: #586069;
        padding: 5px 10px;
      }

      .file:not(.open) .file-header.file-header--expandable {
        border-bottom: 0;
      }

      .file .data.suppressed,
      .file.open .image {
        display: none;
      }

      .file.open .data.suppressed {
        display: block;
      }

      .file .image {
        background-color: #ddd;
        padding: 30px;
        position: relative;
        text-align: center;
      }

      .file .image table {
        margin: 0 auto;
      }

      .file .image td {
        color: #888;
        padding: 0 5px;
        text-align: center;
        vertical-align: top;
      }

      .file .image td img {
        max-width: 100%;
      }

      .file .image .border-wrap {
        background-color: #fff;
        border: 1px solid #6a737d;
        position: relative;
      }

      .file .image .border-wrap,
      .file .image a {
        display: inline-block;
        line-height: 0;
      }

      .file .image canvas,
      .file .image img {
        background: url(/images/modules/commit/trans_bg.gif) 100% 100% #eee;
        border: 1px solid #fff;
        max-width: 600px;
      }

      .file .image .view canvas,
      .file .image .view img {
        background: url(/images/modules/commit/trans_bg.gif) 100% 100% #eee;
        max-width: inherit;
        position: relative;
        right: 0;
        top: 0;
      }

      .file .image .view > span {
        vertical-align: middle;
      }

      .file .empty {
        background: none;
      }

      .file-header {
        background-color: #fafbfc;
        border-bottom: 1px solid #e1e4e8;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        padding: 5px 10px;
      }

      .file-header:before {
        content: '';
        display: table;
      }

      .file-header:after {
        clear: both;
        content: '';
        display: table;
      }

      .file-actions {
        float: right;
        font-size: 13px;
        padding-top: 2px;
      }

      .file-actions select {
        margin-left: 5px;
      }

      .file-info {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        line-height: 32px;
      }

      .file-info .octicon {
        vertical-align: text-bottom;
      }

      .sticky-file-header {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        z-index: 6;
      }

      .file-info-divider {
        background-color: #ddd;
        display: inline-block;
        height: 18px;
        margin-left: 3px;
        margin-right: 3px;
        vertical-align: middle;
        width: 1px;
      }

      .file-mode {
        text-transform: capitalize;
      }

      .file-notes-check,
      .show-file-notes {
        display: none;
      }

      .show-inline-notes .file-notes-check {
        display: inline-block;
      }

      .comments-indicator {
        display: none;
      }

      .has-inline-notes .show-file-notes {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        display: inline-block;
        margin-right: 10px;
        user-select: none;
      }

      .has-inline-notes.hide-file-notes-toggle .show-file-notes {
        display: none !important;
      }

      .has-inline-notes.hide-file-notes-toggle .comments-indicator {
        display: inline-block;
      }

      .file-blankslate {
        border: 0;
        border-radius: 0 0 2px 2px;
      }

      .diff-progressive-loader {
        min-height: 150px;
      }

      .load-diff-button,
      .load-diff-retry {
        min-height: 32px;
        z-index: 1;
      }

      .diff-placeholder-svg {
        -webkit-clip-path: inset(50%);
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
      }

      .hidden-diff-reason {
        z-index: 2;
      }

      .graphs h2.ghead:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
      }

      .graphs.wheader h2 {
        padding: 1px;
      }

      .graphs .area {
        fill: #28a745;
        fill-opacity: 0.5;
      }

      .graphs .path {
        fill: none;
        stroke: #28a745;
        stroke-opacity: 1;
        stroke-width: 2px;
      }

      .graphs .dot {
        fill: #28a745;
        stroke: #1e7e34;
        stroke-width: 2px;
      }

      .graphs .dot.padded {
        stroke: #fff;
        stroke-width: 1px;
      }

      .graphs .dot.padded circle:hover {
        fill: #0366d6;
      }

      .graphs .d3-tip {
        fill: #24292e;
      }

      .graphs .d3-tip text {
        fill: #fff;
        font-size: 11px;
      }

      .graphs .dir {
        color: #6a737d;
        float: right;
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        padding-top: 5px;
      }

      .graphs .selection .overlay {
        visibility: none;
      }

      .graphs .selection .selection {
        fill: #24292e;
        fill-opacity: 0.1;
        shape-rendering: crispedges;
        stroke: #24292e;
        stroke-dasharray: 3 3;
        stroke-opacity: 0.4;
        stroke-width: 1px;
      }

      .graph-filter h3 {
        display: inline-block;
        font-size: 24px;
        font-weight: 300;
      }

      .graph-filter .info {
        color: #586069;
        margin-bottom: 20px;
      }

      .graph-canvas .activity {
        border-radius: 3px;
        color: #2f363d;
        margin: 100px auto 0;
        padding: 10px;
        text-align: center;
        width: 400px;
      }

      .graph-canvas .dots {
        margin: 0 auto;
      }

      .graph-canvas > .activity {
        display: none;
      }

      .graph-canvas .axis {
        font-size: 10px;
      }

      .graph-canvas .axis line {
        shape-rendering: crispedges;
        stroke: rgba(27, 31, 35, 0.1);
      }

      .graph-canvas .axis path {
        display: none;
      }

      .graph-canvas .axis .zero line {
        stroke: #0366d6;
        stroke-dasharray: 3 3;
        stroke-width: 1.5;
      }

      .graph-canvas .graph-empty,
      .graph-canvas .graph-error,
      .graph-canvas .graph-loading,
      .graph-canvas .graph-no-usable-data {
        display: none;
      }

      .graph-canvas.is-graph-empty > .activity,
      .graph-canvas.is-graph-loading > .activity,
      .graph-canvas.is-graph-without-usable-data > .activity {
        display: block;
      }

      .graph-canvas.is-graph-empty .graph-empty,
      .graph-canvas.is-graph-load-error .graph-error,
      .graph-canvas.is-graph-loading .graph-loading,
      .graph-canvas.is-graph-without-usable-data .graph-no-usable-data {
        display: block;
      }

      .svg-tip {
        background: rgba(0, 0, 0, 0.8);
        border-radius: 3px;
        color: #959da5;
        font-size: 12px;
        padding: 10px;
        position: absolute;
        text-align: center;
        z-index: 99999;
      }

      .svg-tip strong {
        color: #dfe2e5;
      }

      .svg-tip.is-visible {
        display: block;
      }

      .svg-tip:after {
        border: 5px solid transparent;
        border-top-color: rgba(0, 0, 0, 0.8);
        bottom: -10px;
        box-sizing: border-box;
        content: ' ';
        height: 5px;
        left: 50%;
        margin: 0 0 0 -5px;
        position: absolute;
        width: 5px;
      }

      .svg-tip.comparison {
        padding: 0;
        pointer-events: none;
        text-align: left;
      }

      .svg-tip.comparison .title {
        display: block;
        font-weight: 600;
        line-height: 1;
        margin: 0;
        padding: 10px;
        pointer-events: none;
      }

      .svg-tip.comparison ul {
        list-style: none;
        margin: 0;
        white-space: nowrap;
      }

      .svg-tip.comparison li {
        display: inline-block;
        padding: 10px;
      }

      .svg-tip.comparison .metric-0 {
        border-right: 1px solid #24292e;
        border-top: 3px solid #28a745;
      }

      .svg-tip.comparison .metric-1 {
        border-top: 3px solid #2188ff;
      }

      .svg-tip-one-line {
        white-space: nowrap;
      }

      .LoadingDependencies {
        animation: fadeOut;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in;
        left: 0;
        position: absolute;
        width: 100%;
      }

      .LoadingDependencies--loading {
        position: relative;
      }

      .LoadingDependencies--loading .octicon {
        animation: dropBox;
        animation-delay: 1s;
        animation-duration: 1.25s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        opacity: 0;
      }

      .LoadingDependencies--loading .octicon:nth-child(2) {
        animation-delay: 1.61s;
        left: calc(50% - 27px);
        position: absolute;
      }

      @keyframes fadeOut {
        0% {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      @keyframes dropBox {
        0% {
          opacity: 1;
          transform: translateY(-110%);
        }

        7% {
          opacity: 1;
          transform: translateY(20%);
          transform: translateX(0);
        }

        80% {
          opacity: 1;
        }

        to {
          opacity: 0;
          transform: translateX(-250%);
        }
      }

      .getting-started .main-content .container {
        width: 420px;
      }

      .getting-started .list-group-item {
        background: #fff;
      }

      .getting-started .list-group-item .octicon {
        color: #bbb;
      }

      .getting-started .list-group-item .octicon-lead {
        width: 30px;
      }

      .getting-started .list-group-item:focus,
      .getting-started .list-group-item:hover {
        background: #fafbfc;
      }

      .getting-started .link-text {
        color: #24292e;
      }

      .getting-started .link-text strong {
        color: #0366d6;
      }

      .topic-tag {
        background-color: #f1f8ff;
        border-radius: 3px;
        display: inline-block;
        margin: 0 0.5em 0.5em 0;
        padding: 0.3em 0.9em;
        white-space: nowrap;
      }

      .topic-tag-link:hover {
        background-color: #def;
        text-decoration: none;
      }

      .topic-tag-outline {
        background: #fff;
        box-shadow: inset 0 0 0 1px #c8e1ff;
      }

      .delete-topic-button,
      .delete-topic-link {
        background-color: #f1f8ff;
        border: 0;
        border-bottom-right-radius: 3px;
        border-left: 1px solid #b4d9ff;
        border-top-right-radius: 3px;
        color: #6a737d;
        display: inline-block;
        width: 26px;
      }

      .delete-topic-button:hover,
      .delete-topic-link:hover {
        background-color: #def;
      }

      .delete-topic-link {
        line-height: 1.75;
        margin-left: 8px;
        padding-left: 8px;
        padding-right: 8px;
      }

      .delete-topic-link:hover {
        text-decoration: none;
      }

      .invalid-topic .delete-topic-button {
        background-color: #ffdce0;
        border-left-color: #cea0a5;
        color: #86181d;
      }

      .invalid-topic .delete-topic-button:hover {
        background-color: #ffc8ce;
      }

      .topic-tag-action {
        align-items: center;
        background-color: #f1f8ff;
        border-radius: 3px;
        display: inline-flex;
        margin: 0.4em 0.4em 0 0;
        padding-left: 0.8em;
      }

      .topic-tag-action.invalid-topic {
        background-color: #ffdce0;
        border-color: #cea0a5;
        color: #86181d;
      }

      .topic-tag-action .add-topic-button,
      .topic-tag-action .remove-topic-button {
        background-color: #f1f8ff;
        border: 0;
        border-left: 1px solid #b4d9ff;
        color: #6a737d;
        display: inline-block;
        font-size: 15px;
        width: 26px;
      }

      .topic-tag-action .add-topic-button:hover,
      .topic-tag-action .remove-topic-button:hover {
        color: #fff;
      }

      .topic-tag-action .add-topic-button:hover {
        background-color: #28a745;
      }

      .topic-tag-action .remove-topic-button {
        border-bottom-right-radius: 3px;
        border-right: 0;
        border-top-right-radius: 3px;
      }

      .topic-tag-action .remove-topic-button:hover {
        background-color: #d73a49;
      }

      .topic-input-container .tag-input {
        cursor: text;
        width: 908px;
      }

      .topic-input-container .tag-input.org-repo-tag-input {
        width: 100%;
      }

      .topic-input-container .tag-input .tag-input-inner {
        background-image: none;
        min-height: 26px;
      }

      .topic-input-container .topic-tag {
        margin-top: 2px;
      }

      .repository-topics-container .list-topics-container {
        align-items: baseline;
        display: inline-flex;
        flex-wrap: wrap;
      }

      .topic .css-truncate-target {
        max-width: 75%;
      }

      .topic-list .topic-list-item + .topic-list-item {
        border-top: 1px solid #e1e4e8;
      }

      .topic-box .starred {
        border: 0;
        color: #ffd33d;
      }

      .topic-box .unstarred {
        border: 0;
        color: #d1d5da;
      }

      .team-breadcrumb .team-breadcrumb-item {
        display: inline-block;
      }

      .team-breadcrumb .team-breadcrumb-item:after {
        color: #e1e4e8;
        content: '/';
        padding-left: 0.5em;
        padding-right: 0.5em;
      }

      .team-breadcrumb .team-breadcrumb-item-selected:after {
        content: none;
      }

      .team-discussions-container {
        min-height: 100vh;
      }

      .team-left-column {
        max-width: 100%;
      }

      @media (min-width: 768px) {
        .team-left-column {
          max-width: 350px;
        }
      }

      .team-left-column .team-avatar {
        height: 80px;
        width: 80px;
      }

      @media (min-width: 768px) {
        .team-left-column .team-avatar {
          height: 140px;
          width: 140px;
        }
      }

      .team-discussions {
        max-width: 768px;
      }

      .team-discussions .previewable-comment-form .comment {
        border: 0;
      }

      .discussion-post {
        opacity: 1;
        transition: opacity 0.4s;
      }

      .discussion-post .timeline-comment:after,
      .discussion-post .timeline-comment:before {
        display: none;
      }

      .discussion-post .post-author {
        margin-top: -6px;
      }

      .discussion-post .post-author-timestamp {
        margin-top: -3px;
      }

      .discussion-post.fade-out {
        opacity: 0;
      }

      .discussion-post .timeline-inline-comments {
        background: #fafbfc;
      }

      .discussion-post .team-discussion-timeline:before {
        bottom: 20px;
      }

      .discussion-post .reply-comment:first-child {
        border-top: 1px solid #e1e4e8;
      }

      .discussion-post .reply-comment:first-child .review-comment {
        padding-top: 16px;
      }

      .discussion-post .reply-comment .review-comment {
        padding: 8px 16px;
      }

      .discussion-post .reply-comment .review-comment.is-comment-editing {
        background: #fafbfc;
        padding: 0;
      }

      .discussion-post .comment .comment-reactions {
        border-top: 0;
        margin-left: 16px;
      }

      .discussion-post .comment .reaction-summary-item {
        margin-bottom: 16px;
      }

      .discussion-post .reaction-summary-item:not(.add-reaction-btn) {
        border: 1px solid #d2dff0;
        border-radius: 3px;
        font-size: 12px;
        line-height: 26px;
        padding: 0 8px;
      }

      .discussion-post .reaction-summary-item:not(.add-reaction-btn) .emoji {
        font-size: 16px;
        vertical-align: sub;
      }

      .discussion-post
        .reaction-summary-item:not(.add-reaction-btn)
        + .reaction-summary-item {
        margin-left: 8px;
      }

      .discussion-post .reply-comments-holder {
        position: relative;
      }

      .discussion-post .reply-comments-holder:before {
        background-color: #e1e4e8;
        bottom: 0;
        content: '';
        left: 29px;
        position: absolute;
        top: 51px;
        width: 2px;
      }

      .discussion-post .add-reaction-btn {
        padding: 4px 10px;
      }

      .discussion-post .pin-btn:disabled {
        pointer-events: none;
      }

      .discussion-post .pinned {
        color: #f66a0a;
        opacity: 1;
      }

      .discussion-post .loading-spinner {
        display: none;
        float: left;
        margin-top: 12px;
      }

      .discussion-post .loading .loading-spinner {
        display: block;
      }

      .discussion-post ~ .blankslate {
        display: none;
      }

      .team-discussion-new-post .review-thread-reply-button:disabled {
        background-color: #f6f8fa;
        border: 0;
        box-shadow: none;
        cursor: inherit;
      }

      .team-project-suggestion-number {
        color: #a3aab1;
        font-weight: 300;
      }

      .team-discussion-nav-disabled {
        pointer-events: none;
      }

      .hooks-listing .boxed-group-action.select-menu {
        z-index: auto;
      }

      .hooks-listing .boxed-group-inner {
        margin-bottom: 10px;
        padding: 0 10px;
      }

      .hook-item a:hover {
        text-decoration: none;
      }

      .hook-item .item-status {
        float: left;
        margin-right: 8px;
        text-align: center;
        width: 16px;
      }

      .hook-item .description {
        color: #6a737d;
      }

      .hook-item .description .css-truncate-target {
        max-width: 160px;
      }

      .hook-item .icon-for-failure,
      .hook-item .icon-for-inactive,
      .hook-item .icon-for-mute,
      .hook-item .icon-for-pending,
      .hook-item .icon-for-success {
        display: none;
      }

      .hook-item.success .icon-for-success {
        color: #28a745;
        display: inline-block;
      }

      .hook-item.failure .icon-for-failure {
        color: #cb2431;
        display: inline-block;
      }

      .hook-item.inactive .icon-for-inactive,
      .hook-item.mute .icon-for-mute,
      .hook-item.pending .icon-for-pending {
        color: #6a737d;
        display: inline-block;
      }

      .hook-item .icon-for-disabled,
      .hook-item .icon-for-enabled {
        display: none;
      }

      .hook-item.enabled .icon-for-enabled {
        color: #28a745;
        display: inline-block;
      }

      .hook-item.disabled .icon-for-disabled {
        color: #ccc;
        display: inline-block;
      }

      .hook-item .hook-error-message {
        color: #cb2431;
        margin-left: 24px;
      }

      .hook-url.css-truncate-target {
        max-width: 360px;
      }

      .hook-events-field .hook-event-selector {
        display: none;
      }

      .hook-events-field.is-custom .hook-event-selector {
        display: block;
      }

      .hook-event-selector {
        margin-left: 10px;
      }

      .hook-event {
        display: inline-block;
        margin: 0;
        padding: 5px 0 5px 30px;
        width: 310px;
      }

      .hook-event-choice,
      .hook-event p {
        font-weight: 400;
      }

      .hooks-oap-warning {
        margin-top: 0;
      }

      .hooks-oap-warning ul {
        margin: 10px 0;
      }

      .hooks-oap-warning ul li {
        margin-left: 16px;
      }

      .hook-secret .hook-secret-standin {
        display: block;
      }

      .hook-secret .hook-secret-field,
      .hook-secret.open .hook-secret-standin {
        display: none;
      }

      .hook-secret.open .hook-secret-field {
        display: block;
      }

      .hook-deliveries-list .error-message {
        margin: 10px 0;
      }

      .hook-deliveries-list .error-message .octicon {
        position: relative;
        top: 1px;
      }

      .hook-deliveries-list .spinner {
        display: inline-block;
        margin: 0;
        vertical-align: top;
      }

      .hook-deliveries-list .hook-delivery-item:hover {
        background-color: transparent;
      }

      .hook-deliveries-list .item-status {
        display: inline-block;
        margin-right: 5px;
        text-align: center;
        width: 16px;
      }

      .hook-deliveries-list .item-status .icon-for-failure,
      .hook-deliveries-list .item-status .icon-for-pending,
      .hook-deliveries-list .item-status .icon-for-success {
        display: none;
      }

      .hook-deliveries-list .item-status.success {
        color: #28a745;
        visibility: visible;
      }

      .hook-deliveries-list .item-status.success .icon-for-success {
        display: inline-block;
      }

      .hook-deliveries-list .item-status.failure {
        color: #cb2431;
      }

      .hook-deliveries-list .item-status.failure .icon-for-failure {
        display: inline-block;
      }

      .hook-deliveries-list .item-status.pending {
        color: #6a737d;
      }

      .hook-deliveries-list .item-status.pending .icon-for-pending {
        display: inline-block;
      }

      .boxed-group-list li.hook-delivery-item {
        padding: 10px;
      }

      .hook-deliveries-list .error-message,
      .hook-deliveries-list.is-error .loading-message,
      .hook-delivery-loader .error-message,
      .hook-delivery-loader.is-error .loading-message {
        display: none;
      }

      .hook-deliveries-list.is-error .error-message,
      .hook-delivery-loader.is-error .error-message {
        display: block;
      }

      .hook-delivery-time {
        color: #6a737d;
        float: right;
        font-size: 10px;
        margin-right: 10px;
      }

      .hook-delivery-guid {
        background-color: rgba(209, 227, 237, 0.5);
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 12px;
        padding: 2px 6px;
      }

      .hook-delivery-guid .octicon {
        color: #b0c4ce;
        margin: 1px -2px 0 0;
      }

      .hook-delivery-actions {
        padding-top: 1px;
      }

      .boxed-group-list > li.hook-delivery-item .btn-sm {
        margin: 0;
      }

      .boxed-group span.animated-ellipsis,
      .boxed-group span.animated-ellipsis-container {
        padding: 0;
      }

      .boxed-group .animated-ellipsis-container {
        line-height: 1.3;
      }

      .hook-delivery-container hr {
        margin: 10px 0;
      }

      .hook-delivery-container pre {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        border-radius: 3px;
        font-size: 13px;
        line-height: 1.5;
        margin: 10px 0;
        overflow: auto;
        padding: 7px 12px;
      }

      .hook-delivery-container .tabnav {
        margin: 10px 0;
      }

      .hook-delivery-container h4.remote-call-header {
        border-bottom: 1px solid #959da5;
        margin: 20px 0 10px;
      }

      .hook-delivery-response-status {
        background-color: #d73a49;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 10px;
        line-height: 1.1;
        padding: 4px 6px 3px;
      }

      .hook-delivery-response-status[data-response-status^='2'] {
        background-color: #28a745;
      }

      .redelivery-dialog .pending-message {
        display: block;
      }

      .redelivery-dialog .failure-message {
        display: none;
      }

      .redelivery-dialog.failed {
        background-image: linear-gradient(#f8d8d8, #efd0d0);
        border-color: #da9797;
        color: #9c2400;
      }

      .redelivery-dialog.failed .pending-message {
        display: none;
      }

      .redelivery-dialog.failed .failure-message {
        display: block;
      }

      .test-hook-message .error-message,
      .test-hook-message .success-message {
        display: none;
        margin-top: 10px;
      }

      .test-hook-message.error .error-message,
      .test-hook-message.success .success-message {
        display: block;
      }

      .item-name {
        float: left;
        font-weight: 600;
      }

      .hovercard-icon {
        width: 16px;
      }

      .integration-meta-head {
        color: #586069;
        font-size: 16px;
      }

      .integrations-select-repos {
        border-radius: 3px;
        max-height: 138px;
        overflow-y: scroll;
      }

      .integrations-select-repos .mini-repo-list-item {
        padding: 8px 64px 8px 30px;
      }

      .integrations-select-repos .mini-repo-list-item:hover .owner,
      .integrations-select-repos .mini-repo-list-item:hover .repo {
        text-decoration: none;
      }

      .integrations-select-repos .mini-repo-list-item .css-truncate-target {
        max-width: 345px;
      }

      .integrations-select-repos::-webkit-scrollbar {
        width: 10px;
      }

      .integrations-select-repos::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        border: 2px solid #fff;
        border-radius: 6px;
        box-shadow: 0 0 1px hsla(0, 0%, 100%, 0.5);
      }

      .integrations-select-repos::-webkit-scrollbar-track-piece {
        background: transparent;
      }

      .integrations-repository-picker {
        position: relative;
        top: -5px;
        width: 440px;
      }

      .integrations-repository-picker .select-menu-modal {
        width: 440px;
      }

      .integrations-repository-picker .autocomplete-results {
        border: 0;
      }

      .integrations-repository-picker .select-menu .search-status {
        display: none;
      }

      .integrations-repository-picker .select-menu.is-loading .search-status {
        display: block;
      }

      .integrations-repository-picker .subnav-search {
        margin-bottom: 5px;
        margin-left: 0;
      }

      .integrations-repository-picker .flash {
        margin-bottom: 10px;
        padding: 10px;
      }

      dl.form-group > dd .integrations-repository-picker .form-control {
        margin-right: 0;
      }

      .integrations-repository-picker .octicon-x {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 8px;
      }

      .target-avatar {
        position: relative;
        top: -2px;
      }

      .issue-list em {
        background-color: rgba(255, 255, 140, 0.5);
        border-radius: 3px;
        font-style: normal;
        font-weight: 600;
        padding: 3px;
      }

      .issue-list .title {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin: 0 80px 10px 0;
        min-height: 24px;
        padding: 0;
        word-wrap: break-word;
      }

      .issue-list .title .octicon {
        color: #888;
        left: 0;
        position: absolute;
        top: -4px;
      }

      .issue-list .title .closed.octicon {
        color: #cb2431;
      }

      .issue-list .title .open.octicon {
        color: #28a745;
      }

      .issue-list .title .merged.octicon {
        color: #6f42c1;
      }

      .issue-list .description {
        line-height: 20px;
        margin: 0 0 10px;
        overflow: hidden;
      }

      .issue-list-item + .issue-list-item {
        border-top: 1px solid #e1e4e8;
      }

      .search-feedback-form,
      .search-result-feedback {
        opacity: 0;
        transition: all 0.15s ease-in-out;
        visibility: hidden;
      }

      .search-feedback-form.show,
      .search-result-feedback.show {
        opacity: 1;
        visibility: visible;
      }

      .pinned-issue-item .pinned-issue-handle {
        cursor: grab;
      }

      .pinned-issue-item.is-dragging,
      .pinned-issue-item.is-dragging .pinned-issue-handle {
        cursor: grabbing;
      }

      .pinned-issue-item.is-dragging {
        background-color: #f1f8ff;
      }

      .pinned-issue-item.sortable-ghost {
        background-color: #f1f8ff;
        opacity: 0;
      }

      .issues-reset-query-wrapper {
        margin-bottom: 20px;
      }

      .label-link:hover {
        text-decoration: none;
      }

      .issues-reset-query {
        color: #586069;
        font-weight: 600;
      }

      .issues-reset-query:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .issues-reset-query:hover .issues-reset-query-icon {
        background-color: #0366d6;
      }

      .issues-reset-query-icon {
        background-color: #6a737d;
        border-radius: 3px;
        color: #fff;
        height: 18px;
        margin-right: 3px;
        padding: 1px;
        text-align: center;
        width: 18px;
      }

      .table-list-milestones .table-list-cell {
        padding: 15px 20px;
      }

      .table-list-milestones .stat {
        color: #555;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
      }

      .table-list-milestones .stat a {
        color: inherit;
      }

      .table-list-milestones .stat + .stat {
        margin-left: 15px;
      }

      .table-list-milestones .stat-label {
        color: #586069;
        font-weight: 400;
      }

      .milestone-title {
        width: 500px;
      }

      .milestone-title-link {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 5px;
        margin-top: 0;
      }

      .milestone-title-link a {
        color: #333;
      }

      .milestone-title-link a:hover {
        color: #0366d6;
      }

      .milestone-progress {
        width: 420px;
      }

      .milestone-progress .progress-bar {
        margin-bottom: 12px;
        margin-top: 7px;
      }

      .milestone-meta {
        font-size: 14px;
      }

      .milestone-meta-item {
        display: inline-block;
        margin-right: 10px;
      }

      .milestone-meta-item .octicon {
        text-align: center;
        width: 16px;
      }

      .milestone-description-html {
        display: none;
      }

      .milestone-description {
        margin-top: 5px;
      }

      .milestone-description .expand-more {
        color: #0366d6;
        cursor: pointer;
      }

      .milestone-description .expand-more:hover {
        text-decoration: underline;
      }

      .milestone-description.open .milestone-description-plaintext {
        display: none;
      }

      .milestone-description.open .milestone-description-html {
        display: block;
      }

      .issue-reorder-warning {
        z-index: 110;
      }

      .task-progress {
        color: #586069;
        text-decoration: none;
        vertical-align: top;
      }

      .task-progress .octicon {
        color: #999;
        margin-right: 5px;
        vertical-align: bottom;
      }

      .task-progress .progress-bar {
        background-color: #eee;
        display: inline-block;
        height: 5px;
        vertical-align: 2px;
        width: 80px;
      }

      .task-progress .progress-bar .progress {
        background-color: #ccc;
      }

      .task-progress-counts {
        display: inline-block;
        font-size: 12px;
        margin-left: -2px;
        margin-right: 6px;
      }

      a.task-progress:hover {
        color: #0366d6;
      }

      a.task-progress:hover .octicon {
        color: inherit;
      }

      a.task-progress:hover .progress-bar .progress {
        background-color: #0366d6;
      }

      .issue-meta-section .octicon {
        color: #ccc;
        vertical-align: bottom;
      }

      .issue-milestone {
        max-width: 240px;
      }

      .issue-milestone .css-truncate-target {
        max-width: 100px;
      }

      .milestone-link .octicon {
        font-size: 14px;
      }

      .milestone-link:hover .octicon {
        color: inherit;
      }

      .new-pr-form {
        margin-bottom: 20px;
        margin-top: 15px;
      }

      .new-pr-form:before {
        content: '';
        display: table;
      }

      .new-pr-form:after {
        clear: both;
        content: '';
        display: table;
      }

      .new-pr-form .discussion-timeline:before {
        display: none;
      }

      .new-pr-form .discussion-sidebar {
        position: relative;
      }

      .label-select-menu .description {
        margin-left: 19px;
      }

      .label-select-menu .color {
        border-radius: 3px;
        display: inline-block;
        height: 14px;
        margin-right: 2px;
        margin-top: -1px;
        vertical-align: middle;
        width: 14px;
      }

      .label-select-menu .selected .select-menu-item-icon {
        color: inherit !important;
      }

      .label-select-menu .selected .octicon-circle-slash {
        color: #6a737d;
      }

      .label-select-menu .selected:active {
        background-color: transparent !important;
      }

      .label-select-menu .select-menu-item {
        position: relative;
      }

      .label-select-menu .select-menu-item.navigation-focus,
      .label-select-menu .select-menu-item:focus,
      .label-select-menu .select-menu-item:hover,
      .label-select-menu .select-menu-item[aria-selected='true'] {
        background-color: #f4f4f4;
        color: inherit;
      }

      .label-select-menu
        .select-menu-item.navigation-focus
        .select-menu-item-icon,
      .label-select-menu .select-menu-item:focus .select-menu-item-icon,
      .label-select-menu .select-menu-item:hover .select-menu-item-icon,
      .label-select-menu
        .select-menu-item[aria-selected='true']
        .select-menu-item-icon {
        color: transparent;
      }

      .label-select-menu > form {
        position: relative;
      }

      .closed-banner {
        background: url(/images/modules/comments/closed_pattern.gif);
        border-radius: 3px;
        height: 7px;
        margin: 15px 0 15px 60px;
        overflow: hidden;
      }

      .subnav .btn + .issues-search {
        border-right: 1px solid #eee;
        padding-right: 10px;
      }

      .reaction-sort-item {
        border: 1px solid transparent;
        border-radius: 3px;
        float: left;
        margin-top: 5px;
        opacity: 0.7;
        padding: 5px;
        pointer-events: all;
        text-align: center;
        width: 39px;
      }

      .reaction-sort-item:focus,
      .reaction-sort-item:hover {
        background-color: #0366d6;
        opacity: 1;
        text-decoration: none;
      }

      .reaction-sort-item[aria-checked='true'] {
        background-color: #f1f8ff;
        border-color: #0366d6;
        opacity: 1;
      }

      body.emoji-size-boost .reaction-sort-item g-emoji {
        margin-left: -3px;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        body.emoji-size-boost .reaction-sort-item g-emoji {
          margin-left: 0;
        }
      }

      .issue-keyword {
        border-bottom: 1px dotted #959da5;
      }

      .issue-keyword:hover {
        border-bottom: 0;
      }

      .new-label-color-dimensions {
        height: 24px;
        width: 24px;
      }

      .select-menu-item.navigation-focus > .octicon.label-options-icon,
      .select-menu-item[aria-selected='true'] > .octicon.label-options-icon {
        color: #24292e;
      }

      .new-label-color-input:invalid {
        color: #cb2431;
      }

      .related-issue-item.navigation-focus,
      .similar-issue-item.navigation-focus {
        background-color: #f6f8fa;
        border-radius: 3px;
      }

      .repository-lang-stats {
        position: relative;
      }

      .repository-lang-stats ol.repository-lang-stats-numbers li {
        border-bottom: 0;
        display: table-cell;
        padding: 10px 5px;
        text-align: center;
        white-space: nowrap;
        width: 1%;
      }

      .repository-lang-stats ol.repository-lang-stats-numbers li span.percent {
        float: none;
      }

      .repository-lang-stats ol.repository-lang-stats-numbers li > a,
      .repository-lang-stats ol.repository-lang-stats-numbers li > span {
        color: #6a737d;
        font-weight: 600;
        text-decoration: none;
      }

      .repository-lang-stats ol.repository-lang-stats-numbers li .lang {
        color: #24292e;
      }

      .repository-lang-stats
        ol.repository-lang-stats-numbers
        li
        .language-color {
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        width: 10px;
      }

      .repository-lang-stats ol.repository-lang-stats-numbers li a:hover {
        background: transparent;
      }

      .stats-switcher-viewport {
        height: 41px;
        overflow: hidden;
      }

      .stats-switcher-viewport .stats-switcher-wrapper {
        position: relative;
        top: 0;
        transition: top 0.25s ease-in-out;
      }

      .stats-switcher-viewport.is-revealing-lang-stats .stats-switcher-wrapper {
        top: -41px;
      }

      .stats-switcher-viewport.is-revealing-overview .stats-switcher-wrapper {
        top: 41px;
      }

      .repository-lang-stats-graph {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        border: 1px solid #ddd;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 0;
        cursor: pointer;
        overflow: hidden;
        user-select: none;
        white-space: nowrap;
        width: 100%;
      }

      .repository-lang-stats-graph .language-color {
        line-height: 8px;
        text-indent: -9999px;
      }

      .repository-lang-stats-graph .language-color:first-child {
        border-bottom-left-radius: 2px;
      }

      .repository-lang-stats-graph .language-color:last-child {
        border-bottom-right-radius: 2px;
      }

      .repository-lang-stats-graph .language-color:not(:first-child) {
        border-left: 1px solid #fff;
      }

      .facebox-loading,
      .octocat-spinner {
        background-image: url(/images/spinners/octocat-spinner-64.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        min-height: 64px;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        .facebox-loading,
        .octocat-spinner {
          background-image: url();
          background-size: 64px 64px;
        }
      }

      .map-container .activity {
        left: 340px;
        top: 120px;
        z-index: 99999;
      }

      .map-container .is-graph-loading .activity {
        display: block;
      }

      .map {
        height: 350px;
      }

      .map-background {
        fill: #0366d6;
        pointer-events: all;
      }

      .map-background-zoom {
        cursor: grab;
      }

      .map-land {
        fill: none;
        stroke: #256aae;
        stroke-width: 2;
      }

      .map-country,
      .map-land {
        shape-rendering: crispedges;
      }

      .map-country {
        cursor: pointer;
        fill: #d7c7ad;
      }

      .map-country.hk {
        stroke: #a5967e;
      }

      .map-country:hover {
        fill: #c8b28e;
      }

      .map-country.active {
        fill: #f6e5ca;
      }

      .map-borders {
        stroke: #a5967e;
      }

      .map-borders,
      .map-graticule {
        fill: none;
        shape-rendering: crispedges;
      }

      .map-graticule {
        pointer-events: none;
        stroke: #fff;
        stroke-opacity: 0.2;
      }

      .map-graticule :nth-child(2n) {
        stroke-dasharray: 2, 2;
      }

      .map-legend .map-legend-circle {
        fill-opacity: 0;
        stroke: #fff;
        stroke-width: 1.5;
      }

      .map-legend .map-legend-text {
        fill: #fff;
        font-size: 10px;
        text-anchor: end;
      }

      .map-legend .map-legend-link {
        stroke: #fff;
        stroke-width: 1.5;
      }

      .map-point {
        fill: #f66a0a;
        pointer-events: none;
      }

      .map-point:hover {
        fill: #e36209;
      }

      .map-country-info {
        opacity: 0;
        pointer-events: none;
        right: 8px;
        top: 8px;
      }

      .MarketplaceJumbotron {
        background-color: #2f363d;
        background-image: url(/images/modules/marketplace/bg-hero.svg);
        background-position: top;
        background-repeat: repeat-y;
        background-size: 150% auto;
      }

      @media (min-width: 768px) {
        .MarketplaceJumbotron {
          background-repeat: no-repeat;
          background-size: cover;
        }
      }

      .CircleBadge--feature {
        position: relative;
        top: 0;
        transition: top 0.15s ease-in, box-shadow 0.12s ease-in;
      }

      .MarketplaceFeature {
        min-width: 250px;
      }

      .MarketplaceFeature-text {
        opacity: 0.7;
        transition: opacity 0.12s ease-in;
      }

      .MarketplaceFeature-link:hover .CircleBadge--feature {
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
        top: -3px;
      }

      .MarketplaceFeature-link:hover .MarketplaceFeature-text {
        opacity: 1;
      }

      .MarketplaceFeature-link:active .CircleBadge--feature {
        box-shadow: 0;
        top: 0;
      }

      .MarketplaceSideNav {
        -webkit-overflow-scrolling: touch;
        background-color: #f6f8fa;
      }

      @media (min-width: 768px) {
        .MarketplaceSideNav {
          background-color: #fff;
          border-right: 1px solid #e1e4e8;
        }
      }

      .ScreenshotCarousel {
        border: 1px solid #e1e4e8;
        border-radius: 3px;
      }

      .ScreenshotCarousel-screenshot {
        display: none;
        padding: 16px;
      }

      .ScreenshotCarousel-screenshot.active {
        display: block;
      }

      .ScreenshotCarousel-nav {
        align-items: top;
        box-shadow: inset 0 1px 0 #e1e4e8;
        display: flex;
        overflow-x: auto;
      }

      .ScreenshotCarousel-navitem {
        border-right: 1px solid #e1e4e8;
        cursor: pointer;
        min-width: 120px;
        padding: 16px;
        width: 20%;
      }

      .ScreenshotCarousel-navitem:last-child {
        border-right: 0;
      }

      .ScreenshotCarousel-navitem.selected {
        background-color: #f6f8fa;
        box-shadow: inset 0 0 4px rgba(36, 41, 46, 0.15);
      }

      .marketplace-plan-edit-price,
      .marketplace-plan-edit-unit,
      .marketplace-plan-edit-unit-label,
      .marketplace-plan-enable-free-trial {
        display: none;
      }

      .marketplace-plan-editor[data-model='FLAT_RATE']
        .marketplace-plan-edit-price {
        display: block;
      }

      .marketplace-plan-editor[data-model='FLAT_RATE']
        .marketplace-plan-enable-free-trial {
        display: block;
      }

      .marketplace-plan-editor[data-model='PER_UNIT']
        .marketplace-plan-edit-price,
      .marketplace-plan-editor[data-model='PER_UNIT']
        .marketplace-plan-edit-unit {
        display: block;
      }

      .marketplace-plan-editor[data-model='PER_UNIT']
        .marketplace-plan-edit-unit-label {
        display: inline;
      }

      .marketplace-plan-editor[data-model='PER_UNIT']
        .marketplace-plan-enable-free-trial {
        display: block;
      }

      .marketplace-listing-screenshot-container {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 175px;
        width: 175px;
      }

      .marketplace-listing-screenshot-container
        .marketplace-listing-screenshot {
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
      }

      .marketplace-listing-screenshot-zoom {
        cursor: move;
        display: none;
      }

      .marketplace-listing-details-sidebar {
        order: 2;
      }

      @media (min-width: 768px) {
        .marketplace-listing-details-sidebar {
          order: 1;
        }
      }

      .marketplace-listing-details-description {
        order: 1;
      }

      @media (min-width: 768px) {
        .marketplace-listing-details-description {
          order: 2;
        }
      }

      .marketplace-listing-screenshot-link {
        cursor: move;
        height: 100px;
      }

      .marketplace-listing-screenshot-link:focus
        .marketplace-listing-screenshot-zoom,
      .marketplace-listing-screenshot-link:hover
        .marketplace-listing-screenshot-zoom {
        background-color: hsla(0, 0%, 100%, 0.75);
        display: block;
        height: 100%;
        left: 0;
        padding-top: 28px;
        top: 0;
        width: 100%;
      }

      .marketplace-integratable-logo {
        height: 40px;
        width: 40px;
      }

      .marketplace-listing-save-error,
      .marketplace-listing-save-notice {
        display: none;
        opacity: 0;
        transition: opacity 0.15s linear;
      }

      .marketplace-listing-save-error.visible,
      .marketplace-listing-save-notice.visible {
        display: inline-block;
        opacity: 1;
      }

      .marketplace-listing-screenshot-delete-form {
        bottom: -24px;
        position: absolute;
        text-align: center;
        width: 100%;
      }

      .marketplace-plan-dollar-field-container .price-note {
        display: none;
      }

      .marketplace-plan-dollar-field-container.is-errored .price-note {
        display: block;
      }

      .marketplace-plan-dollar-field-container.is-errored .form-control {
        border-color: #d73a49;
      }

      .marketplace-plan-emphasis {
        color: #24292e;
      }

      .selected .marketplace-plan-emphasis {
        color: #fff;
      }

      .marketplace-plan-unit-name-preview:before {
        content: 'per ';
      }

      .marketplace-plan-per-time {
        clear: right;
      }

      .marketplace-billing-modal {
        max-height: 90vh;
        width: 540px;
      }

      .marketplace-listing-markdown,
      .marketplace-url-link {
        white-space: pre-wrap;
        word-wrap: break-word;
      }

      .marketplace-listing-markdown {
        line-height: 1.4;
      }

      .integrations-promo-bg {
        background-image: url(/images/modules/works-with/build-your-own.svg);
        background-repeat: no-repeat;
        background-size: 0 0;
      }

      @media (min-width: 544px) {
        .integrations-promo-bg {
          background-position: 100% 0;
          background-size: auto 100%;
        }
      }

      .marketplace-product-callout {
        border-color: #d1d5da !important;
      }

      .marketplace-product-callout:after,
      .marketplace-product-callout:before {
        display: none;
      }

      .marketplace-product-callout .branch-action-item-icon {
        background-color: #e1e4e8;
        color: #586069;
      }

      .filter-item.selected .Label--outline-white {
        border-color: #fff;
        color: #fff;
      }

      .MarketplaceEdit-body {
        min-height: 570px;
      }

      .MarketplaceEdit-body .pricing-model-selector {
        max-width: 100% !important;
        width: calc(100% - 12px);
      }

      .MarketplaceEdit-body .menu {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
      }

      .MarketplaceEdit-body .menu-item {
        background: #fafbfc;
        padding: 12px 16px;
      }

      .MarketplaceEdit-body .menu-item.selected {
        background: #fff;
      }

      .MarketplaceEdit-body .menu-item:hover {
        background: #f6f8fa;
      }

      .MarketplaceEdit-body .menu-item.selected:before {
        background-color: #f66a0a;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        width: 3px;
      }

      .MarketplaceEdit-body .menu-item:first-child:before {
        border-top-left-radius: 0;
      }

      .MarketplaceEdit-body .CircleIcon {
        background: #e6ebf1;
        border-radius: 100%;
        color: #586069;
        display: inline-block;
        font-weight: 700;
        height: 32px;
        line-height: 32px;
        text-align: center;
        width: 32px;
      }

      .MarketplaceEdit-body .CircleIcon .octicon {
        display: inline-block;
      }

      .MarketplaceInsights-graph .insights-month .tick:nth-child(2n) {
        visibility: hidden;
      }

      .BarChart {
        border-radius: 3px;
      }

      .BarChart-bar {
        border-right: 1px solid #fff;
        height: 10px;
      }

      .BarChart-bar--green {
        background-color: #34d058;
      }

      .BarChart-bar--orange {
        background-color: #fb8532;
      }

      .BarChart-bar--yellow {
        background-color: #f9c513;
      }

      .CircleBadge--tiny {
        height: 32px;
        width: 32px;
      }

      .CircleBadge--github {
        position: relative;
      }

      .CircleBadge--github.CircleBadge--large:after {
        bottom: 5px;
        right: 5px;
      }

      .CircleBadge--github.CircleBadge--small:after {
        bottom: -5px;
        right: -5px;
      }

      .CircleBadge--github:after {
        background: #fff
          url('')
          50% no-repeat;
        border-radius: 100px;
        bottom: 0;
        content: '';
        display: block;
        height: 22px;
        line-height: 0;
        padding: 3px;
        position: absolute;
        right: 0;
        width: 22px;
      }

      .select-search-icon {
        left: 18px;
        position: absolute;
        top: 19px;
      }

      body.min-width-0.page-responsive .flash-full .container {
        max-width: 980px;
        width: 100%;
      }

      .ClipboardButton {
        position: relative;
      }

      .ClipboardButton.ClipboardButton--success {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2em rgba(52, 208, 88, 0.4);
      }

      .ClipboardButton.ClipboardButton--success:focus {
        box-shadow: 0 0 0 0.2em rgba(52, 208, 88, 0.4);
      }

      .ClipboardButton.ClipboardButton--success:after {
        content: 'Copied!';
      }

      @media (min-width: 768px) {
        .MarketplacePlan--sticky {
          position: -webkit-sticky;
          position: sticky;
          top: 24px;
          z-index: 999;
        }
      }

      @media (max-width: 544px) {
        .Box--full {
          border-radius: 0;
          bottom: 0;
          left: 0;
          margin: 0;
          max-height: none;
          max-width: none;
          right: 0;
          transform: none;
          width: 100%;
        }
      }

      .select-menu-item-disabled {
        background-color: #fafbfc;
        color: #6a737d;
        font-weight: 400;
      }

      .select-menu-item-disabled:hover {
        background-color: #fafbfc;
        color: #6a737d !important;
        cursor: not-allowed;
      }

      .select-menu-item-disabled:hover .octicon {
        color: #6a737d;
      }

      .MarketplaceBackground-wrapper {
        position: relative;
      }

      .MarketplaceBackground {
        margin-bottom: -120px;
        margin-top: -150px;
        overflow: hidden;
        position: relative;
        top: -90px;
        width: 313px;
      }

      .MarketplaceBackground img {
        position: relative;
        right: 225px;
        top: 0;
        width: 549px;
      }

      @media (min-width: 544px) {
        .MarketplaceBackground {
          margin-bottom: 70px;
          margin-top: -180px;
          overflow: hidden;
          position: relative;
          width: 463px;
        }

        .MarketplaceBackground img {
          right: 305px;
          width: 730px;
        }
      }

      @media (min-width: 768px) {
        .MarketplaceBackground {
          position: absolute;
          right: -250px;
          top: -148px;
          width: 633px;
        }

        .MarketplaceBackground img {
          right: 195px;
          width: 550px;
        }
      }

      @media (min-width: 1012px) {
        .MarketplaceBackground {
          position: absolute;
          right: -63px;
          top: -268px;
          width: 1040px;
        }

        .MarketplaceBackground img {
          right: 0;
          width: 900px;
        }
      }

      @media (min-width: 1280px) {
        .MarketplaceBackground {
          right: -67px;
          top: -253px;
        }

        .MarketplaceBackground img {
          width: 860px;
        }
      }

      .MarketplaceBackground-recommendations {
        margin-bottom: -120px;
        margin-top: -150px;
        overflow: hidden;
        position: relative;
        top: -90px;
        width: 313px;
      }

      .MarketplaceBackground-recommendations img {
        position: relative;
        right: 225px;
        top: 0;
        width: 549px;
      }

      @media (min-width: 544px) {
        .MarketplaceBackground-recommendations {
          margin-bottom: 70px;
          margin-top: -180px;
          overflow: hidden;
          position: relative;
          width: 463px;
        }

        .MarketplaceBackground-recommendations img {
          right: 305px;
          width: 730px;
        }
      }

      @media (min-width: 768px) {
        .MarketplaceBackground-recommendations {
          position: absolute;
          right: -69px;
          top: -228px;
          width: 633px;
        }

        .MarketplaceBackground-recommendations img {
          right: 195px;
          width: 750px;
        }
      }

      @media (min-width: 1012px) {
        .MarketplaceBackground-recommendations {
          right: 0;
          top: -268px;
          width: 1040px;
        }

        .MarketplaceBackground-recommendations img {
          right: -115px;
          width: 900px;
        }
      }

      @media (min-width: 1280px) {
        .MarketplaceBackground-recommendations {
          right: 105px;
          top: -325px;
          width: 1040px;
        }

        .MarketplaceBackground-recommendations img {
          right: 0;
          width: 1040px;
        }
      }

      .MarketplaceBackground-buffer {
        background: #fafbfc;
        margin-top: -146px;
        padding-top: 40px;
      }

      @media (min-width: 544px) {
        .MarketplaceBackground-buffer {
          margin-top: -233px;
          padding-top: 120px;
        }
      }

      @media (min-width: 768px) {
        .MarketplaceBackground-buffer {
          margin-top: -109px;
        }
      }

      @media (min-width: 1012px) {
        .MarketplaceBackground-buffer {
          margin-top: -89px;
        }
      }

      .MarketplaceHeader {
        overflow: hidden;
      }

      .muted-link.filter-item.selected {
        color: #fff !important;
      }

      .MarketplaceBody {
        position: relative;
      }

      @media (min-width: 544px) {
        .MarketplaceBody {
          top: -72px;
          z-index: 2;
        }
      }

      .MarketplaceDetails .octicon {
        transform: scaleY(1);
        transition: transform 0.2s linear;
      }

      .MarketplaceDetails[open] .octicon {
        transform: scaleY(-1);
      }

      .MarketplaceAnnouncement {
        background: linear-gradient(90deg, #257bf9, #2426ca);
        color: #fff;
      }

      .MarketplaceAnnouncement .btn-outline-mktg {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: hsla(0, 0%, 100%, 0.7);
        color: #fff;
      }

      .MarketplaceAnnouncement .btn-outline-mktg:hover {
        border-color: #fff;
      }

      .MarketplaceAnnouncement-icon {
        opacity: 0.9;
        width: 80px;
      }

      .MarketplaceAnnouncement-description {
        opacity: 0.7;
      }

      .topic-tag-contrast {
        background-color: #c8e1ff;
      }

      .topic-tag-contrast .delete-topic-link {
        background-color: #c8e1ff;
        border-left-color: rgba(27, 31, 35, 0.15);
        color: #24292e;
      }

      .topic-tag-contrast .delete-topic-link:hover {
        background-color: #79b8ff;
      }

      .member-list-item .table-list-cell-checkbox {
        width: 30px;
      }

      .member-list-item.adminable .member-info {
        padding-left: 5px;
      }

      .member-list-item .member-avatar-cell {
        width: 58px;
      }

      .member-list-item .dropdown-menu-content {
        text-align: left;
      }

      .member-info {
        width: 450px;
      }

      .member-info .css-truncate-target {
        max-width: 430px;
      }

      .member-meta .select-menu-modal {
        width: 310px;
      }

      .member-meta .select-menu-modal-holder {
        right: 0;
        text-align: left;
      }

      .triage-mode .none-selected {
        display: none;
      }

      .merge-branch-heading {
        color: #24292e;
        line-height: 1;
        margin: 0;
      }

      .merge-branch-description {
        color: #586069;
        line-height: 1.6em;
        margin-bottom: -5px;
        margin-right: 160px;
      }

      .merge-branch-description .zeroclipboard-link .octicon {
        top: 2px;
      }

      .alt-merge-options {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 4px;
        vertical-align: middle;
      }

      .merged .merge-branch-description .commit-ref .css-truncate-target {
        max-width: 180px;
      }

      .merge-branch-prh-output {
        margin-top: 10px;
      }

      .merge-branch-form {
        display: none;
        padding-left: 60px;
      }

      .merge-branch.open .merge-branch-form {
        display: block;
      }

      .merge-branch.open .merge-message {
        display: none;
      }

      .merge-branch-manually {
        background-color: transparent;
        border-top: 1px solid #ddd;
        display: none;
        margin-top: 14px;
        padding-top: 15px;
      }

      .merge-branch-manually p {
        margin-bottom: 0;
      }

      .merge-branch-manually h3 {
        margin-bottom: 10px;
      }

      .merge-branch-manually .intro {
        margin-top: 0;
        padding-bottom: 10px;
      }

      .merge-branch-manually .step {
        margin: 15px 0 5px;
      }

      .merge-branch-manually .url-box {
        border: 0;
        margin-left: 0;
        padding: 0;
      }

      .merge-branch-manually .copyable-terminal {
        background-color: #f2f2f2;
      }

      .open .merge-branch-manually {
        display: block;
      }

      .select-menu-merge-method {
        width: 310px;
      }

      .merge-pr.is-rebasing .commit-form-fields {
        display: none;
        transition: opacity 0.15s linear 0s, margin-top 0.25s ease 0.1s;
      }

      .merge-pr .btn-group-merge,
      .merge-pr.is-rebasing .btn-group-rebase,
      .merge-pr.is-squashing .btn-group-squash {
        display: inline-block;
      }

      .merge-pr .merging-body,
      .merge-pr .rebasing-body,
      .merge-pr .squashing-body {
        display: none;
      }

      .merge-pr.is-merging .merging-body,
      .merge-pr.is-rebasing .rebasing-body,
      .merge-pr.is-squashing .squashing-body {
        display: block;
      }

      .merge-pr .btn-group-rebase,
      .merge-pr .btn-group-squash,
      .merge-pr.is-rebasing .btn-group-merge,
      .merge-pr.is-squashing .btn-group-merge {
        display: none;
        margin-left: 0;
      }

      .commit-form-fields {
        transition: opacity 0.15s linear 0.1s, margin-top 0.25s ease 0s;
      }

      .unavailable-merge-method {
        color: #a04100;
        display: block;
        margin-top: 6px;
      }

      .navigation-focus.disabled .unavailable-merge-method,
      [aria-selected='true'].disabled .unavailable-merge-method {
        color: #fff;
      }

      .network .gravatar,
      .network .network-tree {
        vertical-align: middle;
      }

      .network .gravatar {
        border-radius: 3px;
        margin-right: 4px;
      }

      .network .octicon {
        display: inline-block;
        margin-left: 2px;
        text-align: center;
        vertical-align: middle;
        width: 16px;
      }

      .network .current-repository {
        background-color: #fff5b1;
      }

      .page-new-repo .octicon-repo {
        color: #959da5;
      }

      .page-new-repo .octicon-lock {
        color: rgba(115, 92, 15, 0.5);
      }

      .page-new-repo ul.repo-templates {
        margin: 10px 0;
      }

      .page-new-repo ul.repo-templates > li {
        display: inline-block;
        list-style-type: none;
        margin: 0 10px 0 0;
      }

      .page-new-repo ul.repo-templates .select-menu {
        float: left;
      }

      .page-new-repo .form-checkbox .octicon {
        float: left;
        margin-right: 5px;
      }

      .page-new-repo .form-checkbox.disabled {
        color: #6a737d;
      }

      .new-repo-container {
        margin: 40px auto 0;
        width: 700px;
      }

      .new-repo-container .Subhead {
        margin-bottom: 30px;
      }

      .owner-reponame dl.form-group {
        margin-bottom: 0;
        margin-top: 5px;
      }

      .owner-reponame .slash {
        color: #586069;
        float: left;
        font-size: 21px;
        margin: 0 8px;
        padding-top: 32px;
      }

      .reponame-suggestion {
        color: #34631a;
        cursor: pointer;
      }

      .upgrade-upsell {
        padding-left: 33px;
      }

      .cc-upgrade {
        padding-left: 20px;
      }

      .license-container {
        border-left: 1px solid #ccc;
        padding-left: 15px;
      }

      .news .release {
        margin-bottom: 0;
        margin-top: 0;
      }

      .news blockquote {
        color: #586069;
      }

      .news h1 {
        margin-bottom: 0;
      }

      .news .alert {
        border-top: 1px solid #eff3f6;
        overflow: hidden;
        padding: 0 0 1em 45px;
        position: relative;
      }

      .news .alert .commits {
        padding-left: 40px;
      }

      .news .alert .css-truncate.css-truncate-target,
      .news .alert .css-truncate .css-truncate-target {
        max-width: 180px;
      }

      .news .alert p {
        margin: 0;
      }

      .news .alert .markdown-body blockquote {
        border: 0;
        padding: 0 0 0 40px;
      }

      .news .alert .octicon {
        color: #959da5;
      }

      .news .alert .dashboard-event-icon {
        left: 22px;
        position: absolute;
        top: 18px;
        transform: translateX(-50%);
      }

      .news .alert .body {
        border-bottom: 0;
        font-size: 14px;
        overflow: hidden;
        padding: 1em 0 0;
      }

      .news .alert .time {
        color: #959da5;
        font-size: 12px;
      }

      .news .alert .title {
        font-weight: 600;
        padding: 0;
      }

      .news .alert .title .subtle {
        color: #959da5;
      }

      .news .alert .gravatar {
        background-color: #fff;
        border-radius: 3px;
        float: left;
        line-height: 0;
        margin-right: 0.6em;
      }

      .news .alert .simple .title {
        color: #586069;
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
      }

      .news .alert .simple .time {
        display: inline-block;
      }

      .news .alert:first-child {
        border-top: 0;
      }

      .news .alert:first-child .body {
        padding-top: 0;
      }

      .news .alert:first-child .dashboard-event-icon {
        top: 0;
      }

      .news .github-welcome .done {
        color: #586069;
        text-decoration: line-through;
      }

      .news .commits li {
        list-style-type: none;
        margin-top: 0.15em;
      }

      .news .commits li.more {
        font-size: 11px;
        padding-top: 2px;
      }

      .news .commits li .committer {
        display: none;
        padding-left: 0.5em;
      }

      .news .commits li img {
        background-color: #fff;
        border-radius: 2px;
        margin: 0 1px 0 0;
        vertical-align: middle;
      }

      .news .commits li img.emoji {
        border: 0;
        margin: 0;
        padding: 0;
      }

      .news .commits li .message {
        display: inline-block;
        font-size: 13px;
        line-height: 1.3;
        margin-top: 2px;
        max-width: 390px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
      }

      .news div.message,
      .news li blockquote {
        color: #586069;
        display: inline;
        font-size: 13px;
      }

      .notification-routing .notification-email .edit-link {
        font-weight: 600;
        margin-right: 10px;
      }

      .notification-routing .notification-email .btn-sm {
        float: none;
        margin: -2px 0 0;
      }

      .notification-routing .notification-email .edit-form {
        display: none;
      }

      .notification-routing .notification-email.open .edit-form {
        display: block;
      }

      .notification-routing .notification-email.open .email-display {
        display: none;
      }

      .notifications .list-group-item {
        border-width: 1px 0 0;
        padding-bottom: 8px;
        padding-left: 35px;
        padding-top: 8px;
      }

      .notifications .list-group-item:first-child {
        border: 0;
      }

      .notifications .list-group-item-name {
        display: block;
        font-size: 14px;
        line-height: 1.5em;
        max-width: 400px;
      }

      .notifications .list-group-item-name a {
        display: block;
        max-width: 460px;
      }

      .notifications .notifications-more {
        padding: 0;
      }

      .notifications .notifications-more > a {
        color: #0366d6;
        display: block;
        font-weight: 600;
        padding: 10px 15px;
        text-align: center;
      }

      .notifications .notifications-more > a:hover {
        text-decoration: underline;
      }

      .notifications .unread .mark-as-unread {
        display: none;
      }

      .notifications .read .list-group-item-name > a {
        color: #586069;
      }

      .notifications .read .notification-actions {
        color: #586069;
      }

      .notifications .read .avatar img {
        opacity: 0.5;
      }

      .notifications .read .undo {
        display: block;
      }

      .notifications .read .delete {
        visibility: hidden;
      }

      .notifications .read .mark-as-unread {
        display: block;
      }

      .notifications .read .mark-as-read {
        display: none;
      }

      .notifications .read.navigation-focus,
      .notifications .read[aria-selected='true'] {
        background-color: #f5f9fc;
      }

      .notifications .read.list-group-item {
        background-color: #f6f8fa;
      }

      .notifications .mark-as-unread .octicon-primitive-dot {
        margin: 0 2px;
      }

      .notifications .muted .unmute {
        display: block;
      }

      .notifications .muted .mute,
      .notifications .unmute {
        display: none;
      }

      .notification-thread-subscription:first-child {
        border-top: 1px solid #d1d5da;
      }

      .notification-subscription-filters-repo .no-results {
        display: none;
      }

      .notifications-sso-prompt {
        padding: 0;
      }

      .notifications-sso-prompt.navigation-focus,
      .notifications-sso-prompt[aria-selected='true'] {
        background-color: #f5f9fc;
      }

      .notifications-sso-prompt a {
        background: none;
        border: 0;
        color: #586069;
        display: block;
        outline: none;
        padding: 10px 15px;
        text-align: center;
      }

      .notifications-sso-prompt a:hover {
        text-decoration: none;
      }

      .notifications-sso-prompt em {
        color: #0366d6;
        font-style: normal;
      }

      .notifications-sso-prompt a:hover em {
        text-decoration: underline;
      }

      .notifications-sso-prompt strong {
        font-weight: 700;
      }

      .type-icon-state-none {
        color: #586069;
      }

      .type-icon-state-open {
        color: #28a745;
      }

      .type-icon-state-closed {
        color: #cb2431;
      }

      .type-icon-state-merged,
      .type-icon-state-published {
        color: #6f42c1;
      }

      .notifications-list {
        float: left;
        width: 100%;
      }

      .notifications-list .notifications-repo-link {
        max-width: 500px;
      }

      .notifications-list .boxed-group .notification-success {
        color: #28a745;
        font-size: 13px;
        margin-top: 4px;
        opacity: 0;
        position: absolute;
        right: 3px;
        text-align: right;
        transform: translateX(10px);
        transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        visibility: hidden;
        width: 220px;
      }

      .notifications-list .mark-all-as-read {
        background-color: transparent;
        border: 0;
        color: #586069;
        line-height: 20px;
        margin-right: 0;
        margin-top: 0;
        padding: 2px 6px 5px 10px;
      }

      .notifications-list .mark-all-as-read-confirmed .notification-success {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
      }

      .notifications-list .mark-all-as-read-confirmed .mark-all-as-read {
        visibility: hidden;
      }

      .notifications-list .confirmation {
        color: #666;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        text-align: center;
        transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out,
          padding 0.4s ease-in-out;
      }

      .notifications-list .confirmation + .list-group-item {
        border-top-color: #d5d5d5;
        margin-top: -1px;
      }

      .notifications-list .confirmation.mark-all-as-read-confirmed {
        max-height: 300px;
        opacity: 1;
        padding: 10px 0;
      }

      .notification-actions {
        list-style: none;
        position: absolute;
        right: 10px;
        top: 8px;
      }

      .notification-actions li {
        float: right;
        font-size: 16px;
        line-height: 20px;
        margin-left: 10px;
      }

      .notification-actions .age {
        color: #586069;
        font-size: 12px;
        width: 120px;
      }

      .notification-actions .undo {
        display: none;
        position: absolute;
        top: 0;
      }

      .notification-actions .btn-link {
        color: #586069;
        line-height: inherit;
        padding-left: 5px;
        padding-right: 5px;
      }

      .notification-actions .btn-link:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .notification-actions .unsaved-notification {
        color: #d1d5da;
      }

      .repo-subscription-container {
        margin-left: auto;
        margin-right: auto;
        width: 600px;
      }

      .repo-subscription-container .spinner {
        float: right;
      }

      .repo-subscription-container h2 {
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 16px;
        margin-top: 24px;
      }

      .repo-subscription-container .intro {
        color: #666;
        font-size: 14px;
      }

      .repo-subscription-label {
        display: inline-block;
      }

      .subscriptions-content .repo-icon {
        color: #666;
        margin-right: 5px;
        vertical-align: middle;
      }

      .subscriptions-content .repo-list form {
        display: inline;
      }

      .thread-subscription-status {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 3px;
        color: #586069;
        margin: 40px 0 20px;
        padding: 10px;
      }

      .thread-subscription-status .octicon-radio-tower {
        color: #ccc;
        margin-left: 4px;
        margin-right: 10px;
        vertical-align: middle;
      }

      .thread-subscription-status .btn-sm > .octicon {
        margin-right: 1px;
      }

      .thread-subscription-status .reason {
        margin: 0 10px;
      }

      .thread-subscription-status .reason,
      .thread-subscription-status .thread-subscribe-form {
        display: inline-block;
        vertical-align: middle;
      }

      .subscription .loading {
        opacity: 0.5;
      }

      .oauth-permissions-details {
        border-bottom: 1px solid #f2f2f2;
        list-style: none;
        margin: 0;
        padding: 15px;
        position: relative;
      }

      .oauth-permissions-details:first-child {
        border-radius: 3px 3px 0 0;
      }

      .oauth-permissions-details:last-child {
        border: 0;
        border-radius: 0 0 3px 3px;
      }

      .oauth-permissions-details.oauth-public-data-only {
        border-radius: 3px;
      }

      .oauth-permissions-details .markdown-body {
        font-size: 13px;
      }

      .oauth-permissions-details .content {
        display: none;
        margin-left: 45px;
      }

      .oauth-permissions-details .content .form-checkbox {
        margin-left: 0;
      }

      .oauth-permissions-details .content .form-checkbox:last-child {
        margin-bottom: 0;
      }

      .oauth-permissions-details .octicon {
        color: #586069;
        float: left;
        text-align: center;
      }

      .oauth-permissions-details .permission-help {
        font-size: 13px;
      }

      .oauth-permissions-details .permission-help ul {
        margin: 1em 0;
        padding-left: 20px;
      }

      .oauth-permissions-details .permission-summary {
        margin-left: 45px;
      }

      .oauth-permissions-details .permission-summary .access-details {
        color: #586069;
        position: relative;
      }

      .oauth-permissions-details .permission-summary em.highlight {
        background: #fff9ea;
        border-radius: 3px;
        color: #4c4a42;
        font-style: normal;
        margin-left: -3px;
        margin-right: -2px;
        padding: 2px 3px;
        position: relative;
      }

      .oauth-permissions-details .permission-title {
        color: #000;
        display: block;
      }

      .oauth-permissions-details a.btn-sm {
        float: right;
        margin-top: 4px;
      }

      .oauth-permissions-details.open a.btn-sm {
        background-color: #dcdcdc;
        background-image: none;
        border-color: #b5b5b5;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
      }

      .oauth-permissions-details.open .content {
        display: block;
      }

      .oauth-permissions-details.default:not(.delete) .default-access,
      .oauth-permissions-details.default:not(.delete) .no-access,
      .oauth-permissions-details.none .default-access,
      .oauth-permissions-details.none .no-access {
        display: inline;
      }

      .oauth-permissions-details.default:not(.delete) .access-details,
      .oauth-permissions-details.default:not(.delete) .permission-title,
      .oauth-permissions-details.none .access-details,
      .oauth-permissions-details.none .permission-title {
        color: #6a737d;
      }

      .oauth-permissions-details.default:not(.delete) .octicon,
      .oauth-permissions-details.none .octicon {
        color: #ccc;
      }

      .oauth-permissions-details.default .default-access,
      .oauth-permissions-details.full .full-access {
        display: inline;
      }

      .oauth-details-toggle {
        padding: 20px 15px;
        position: absolute;
        right: 0;
        top: 0;
      }

      .oauth-details-toggle .octicon-chevron-up,
      .open .oauth-details-toggle .octicon-chevron-down {
        display: none;
      }

      .open .oauth-details-toggle .octicon-chevron-up {
        display: block;
      }

      .oauth-user-permissions .full-access,
      .oauth-user-permissions .limited-access,
      .oauth-user-permissions .limited-access-emails,
      .oauth-user-permissions .limited-access-emails-followers,
      .oauth-user-permissions .limited-access-emails-profile,
      .oauth-user-permissions .limited-access-followers,
      .oauth-user-permissions .limited-access-followers-profile,
      .oauth-user-permissions .limited-access-profile,
      .oauth-user-permissions .no-access {
        display: none;
      }

      .oauth-user-permissions.limited.limited-email .limited-access-emails {
        display: inline;
      }

      .oauth-user-permissions.limited.limited-email.limited-profile
        .limited-access-emails,
      .oauth-user-permissions.limited.limited-email.limited-profile
        .limited-access-profile {
        display: none;
      }

      .oauth-user-permissions.limited.limited-email.limited-profile
        .limited-access-emails-profile {
        display: inline;
      }

      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-emails,
      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-emails-followers,
      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-emails-profile,
      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-followers,
      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-followers-profile,
      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access-profile {
        display: none;
      }

      .oauth-user-permissions.limited.limited-email.limited-profile.limited-follow
        .limited-access {
        display: inline;
      }

      .oauth-user-permissions.limited.limited-email.limited-follow
        .limited-access-emails,
      .oauth-user-permissions.limited.limited-email.limited-follow
        .limited-access-followers {
        display: none;
      }

      .oauth-user-permissions.limited.limited-email.limited-follow
        .limited-access-emails-followers,
      .oauth-user-permissions.limited.limited-follow .limited-access-followers {
        display: inline;
      }

      .oauth-user-permissions.limited.limited-follow.limited-profile
        .limited-access-followers,
      .oauth-user-permissions.limited.limited-follow.limited-profile
        .limited-access-profile {
        display: none;
      }

      .oauth-user-permissions.limited.limited-follow.limited-profile
        .limited-access-followers-profile,
      .oauth-user-permissions.limited.limited-profile .limited-access-profile {
        display: inline;
      }

      .oauth-repo-permissions .default-access,
      .oauth-repo-permissions .full-access,
      .oauth-repo-permissions .limited-repo-invite-access,
      .oauth-repo-permissions .public-access {
        display: none;
      }

      .oauth-repo-permissions.default .default-access,
      .oauth-repo-permissions.full .full-access,
      .oauth-repo-permissions.limited-repo-invite .limited-repo-invite-access,
      .oauth-repo-permissions.public .public-access {
        display: inline;
      }

      .oauth-delete-repo-permissions .octicon-alert {
        color: #cb2431;
      }

      .oauth-notifications-permissions .no-access,
      .oauth-notifications-permissions .read-access,
      .oauth-notifications-permissions .via-full-access,
      .oauth-notifications-permissions .via-public-access,
      .oauth-repo-deployment-permissions .full-access,
      .oauth-repo-deployment-permissions .no-access,
      .oauth-repo-status-permissions .full-access,
      .oauth-repo-status-permissions .no-access {
        display: none;
      }

      .oauth-notifications-permissions.read .read-access,
      .oauth-notifications-permissions.via-public .via-public-access {
        display: inline;
      }

      .oauth-notifications-permissions.via-public .octicon {
        display: none;
      }

      .oauth-notifications-permissions.via-full .via-full-access {
        display: inline;
      }

      .oauth-gist-permissions .full-access,
      .oauth-gist-permissions .no-access,
      .oauth-granular-permissions .full-access,
      .oauth-granular-permissions .no-access,
      .oauth-granular-permissions .read-access,
      .oauth-granular-permissions .write-access {
        display: none;
      }

      .oauth-granular-permissions.full .full-access,
      .oauth-granular-permissions.none .no-access,
      .oauth-granular-permissions.read .read-access,
      .oauth-granular-permissions.write .write-access {
        display: inline;
      }

      .oauth-business-permissions .admin-access,
      .oauth-business-permissions .billing-access,
      .oauth-business-permissions .no-access,
      .oauth-business-permissions .read-access {
        display: none;
      }

      .oauth-business-permissions.admin .admin-access,
      .oauth-business-permissions.billing .billing-access,
      .oauth-business-permissions.none .no-access,
      .oauth-business-permissions.read .read-access {
        display: inline;
      }

      .oauth-no-description {
        color: #586069;
      }

      .oauth-org-access-details a:hover {
        text-decoration: none;
      }

      .oauth-org-access-details .boxed-group-inner {
        border: 0;
        border-radius: 3px;
      }

      .oauth-org-access-details .oauth-org-item {
        line-height: 24px;
      }

      .oauth-org-access-details .oauth-org-item:first-child {
        border-radius: 3px 3px 0 0;
      }

      .oauth-org-access-details .oauth-org-item .loading-indicator {
        display: none;
        margin: 4px;
      }

      .oauth-org-access-details .oauth-org-item.on {
        background: #fff;
      }

      .oauth-org-access-details .oauth-org-item.on:hover {
        background: #ffe;
      }

      .oauth-org-access-details .oauth-org-item.on .authorized-tools {
        display: block;
      }

      .oauth-org-access-details .oauth-org-item.on .unauthorized-tools {
        display: none;
      }

      .oauth-org-access-details .oauth-org-item.on strong {
        color: #24292e;
      }

      .oauth-org-access-details .oauth-org-item.on .octicon-check {
        display: inline;
      }

      .oauth-org-access-details .oauth-org-item.on .octicon-x {
        display: none;
      }

      .oauth-org-access-details .oauth-org-item.revoked {
        background: #fff;
      }

      .oauth-org-access-details .oauth-org-item.revoked .authorized-tools,
      .oauth-org-access-details .oauth-org-item.revoked .unauthorized-tools {
        display: none;
      }

      .oauth-org-access-details .oauth-org-item.revoked .octicon-x {
        color: #cb2431;
      }

      .oauth-org-access-details .oauth-org-item.loading .authorized-tools,
      .oauth-org-access-details .oauth-org-item.loading .unauthorized-tools {
        display: none;
      }

      .oauth-org-access-details .oauth-org-item.loading .loading-indicator {
        display: block;
      }

      .oauth-org-access-details .oauth-org-item .authorized-tools {
        display: none;
      }

      .oauth-org-access-details .oauth-org-item .unauthorized-tools {
        display: block;
      }

      .oauth-org-access-details .btn {
        line-height: 1.5em;
      }

      .oauth-org-access-details .octicon {
        color: #979797;
      }

      .oauth-org-access-details .octicon-check {
        color: #28a745;
        display: none;
      }

      .oauth-org-access-details .octicon-x {
        display: inline;
      }

      .oauth-org-access-details .octicon-x.org-access-denied {
        color: #cb2431;
      }

      .oauth-application-whitelist h2 {
        display: inline-block;
      }

      .oauth-application-whitelist .request-info {
        display: block;
      }

      .oauth-application-whitelist .request-info strong {
        color: #24292e;
        display: inline-block;
      }

      .oauth-application-whitelist .request-info .application-description {
        display: none;
      }

      .oauth-application-whitelist .request-info.open .application-description {
        display: block;
      }

      .oauth-application-whitelist .avatar {
        margin-top: 0;
      }

      .oauth-application-whitelist .requestor {
        font-weight: 600;
      }

      .oauth-application-whitelist .octicon-alert {
        color: #a04100;
      }

      .oauth-application-whitelist .approved-request,
      .oauth-application-whitelist .octicon-check {
        color: #28a745;
      }

      .oauth-application-whitelist .denied-request {
        color: #cb2431;
      }

      .oauth-application-whitelist .request-indicator {
        margin-left: 10px;
      }

      .oauth-application-whitelist .edit-link {
        color: #6a737d;
      }

      .oauth-application-whitelist .edit-link:hover {
        color: #0366d6;
      }

      .oauth-application-whitelist .boxed-group-list {
        margin-top: 1em;
      }

      .oauth-application-whitelist .boxed-group-list li {
        padding: 10px;
      }

      .boxed-group-inner .oauth-application-info {
        margin-bottom: 10px;
      }

      .oauth-application-info .application-title {
        color: #24292e;
        font-size: 30px;
      }

      .oauth-application-info .application-description {
        margin-bottom: 0;
        margin-top: 3px;
      }

      .oauth-application-info .app-info {
        color: #6a737d;
        display: inline-block;
        margin-right: 10px;
      }

      .oauth-application-info .app-info .octicon {
        margin-right: 5px;
      }

      .oauth-application-info .listgroup-item {
        line-height: inherit;
      }

      .oauth-application-info .app-approved,
      .oauth-application-info .app-denied {
        font-size: 13px;
        font-weight: 400;
        margin-left: 10px;
        white-space: nowrap;
      }

      .oauth-application-info .app-approved,
      .oauth-application-info .octicon-check {
        color: #28a745;
      }

      .oauth-application-info .app-denied,
      .oauth-application-info .octicon-x {
        color: #a04100;
      }

      .restrict-oauth-access-button {
        margin-right: 20px;
      }

      .restrict-oauth-access-info {
        font-size: 15px;
        margin-bottom: 40px;
      }

      .restrict-oauth-access-list {
        padding-left: 25px;
      }

      .restrict-oauth-access-list li {
        margin-bottom: 10px;
      }

      .restrict-oauth-access-list li:last-child {
        margin-bottom: 0;
      }

      .app-transfer-actions form {
        display: inline;
      }

      .oauth-border {
        border-bottom: 1px solid #e5e5e5;
      }

      .oauth-border:last-child {
        border: 0;
      }

      .developer-app-item .developer-app-avatar-cell {
        width: 60px;
      }

      .developer-app-item .developer-app-name {
        color: #24292e;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
      }

      .developer-app-item .developer-app-name:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .developer-app-item .developer-app-info-cell {
        padding-left: 0;
      }

      .developer-app-item .developer-app-list-meta {
        color: #6a737d;
        font-weight: 400;
        margin-bottom: 2px;
        margin-top: 3px;
      }

      .org-transfer-requests {
        margin: 10px 0 20px;
      }

      .octocaptcha-frame {
        height: 340px;
      }

      .zero-height,
      .zero-height .octocaptcha-frame {
        height: 0 !important;
      }

      .org-insights-graph-canvas .activity {
        border-radius: 3px;
        color: #2f363d;
        margin: 100px auto 0;
        padding: 10px;
        text-align: center;
        width: 400px;
      }

      .org-insights-graph-canvas .dots {
        margin: 0 auto;
      }

      .org-insights-graph-canvas .totals circle {
        opacity: 0;
        stroke-width: 4;
      }

      .org-insights-graph-canvas .totals circle:only-child {
        opacity: 1;
      }

      .org-insights-graph-canvas > .activity {
        display: none;
      }

      .org-insights-graph-canvas .axis {
        font-size: 10px;
      }

      .org-insights-graph-canvas .axis line {
        shape-rendering: crispedges;
        stroke: rgba(27, 31, 35, 0.1);
      }

      .org-insights-graph-canvas .axis text {
        fill: #959da5;
        font-size: 12px;
        font-weight: 300;
      }

      .org-insights-graph-canvas .axis path {
        display: none;
      }

      .org-insights-graph-canvas .axis .zero line {
        stroke: #0366d6;
        stroke-dasharray: 3 3;
        stroke-width: 1.5;
      }

      .org-insights-graph-canvas path {
        fill: none;
        stroke-width: 2;
      }

      .org-insights-graph-canvas .y line {
        display: none;
      }

      .org-insights-graph-canvas .y.unique line {
        stroke: #1d7fb3;
      }

      .org-insights-graph-canvas .overlay {
        fill-opacity: 0;
      }

      .org-insights-graph-canvas .graph-loading {
        padding: 110px 0;
      }

      .org-insights-graph-canvas .graph-empty,
      .org-insights-graph-canvas .graph-error,
      .org-insights-graph-canvas .graph-loading,
      .org-insights-graph-canvas .graph-no-usable-data {
        display: none;
      }

      .org-insights-graph-canvas.is-graph-empty > .activity,
      .org-insights-graph-canvas.is-graph-loading > .activity,
      .org-insights-graph-canvas.is-graph-without-usable-data > .activity {
        display: block;
      }

      .org-insights-graph-canvas.is-graph-empty .graph-empty,
      .org-insights-graph-canvas.is-graph-load-error .graph-error,
      .org-insights-graph-canvas.is-graph-loading .graph-loading,
      .org-insights-graph-canvas.is-graph-without-usable-data
        .graph-no-usable-data {
        display: block;
      }

      .org-insights-svg-tip {
        padding: 10px;
        pointer-events: none;
        position: absolute;
        z-index: 99999;
      }

      .org-insights-svg-tip.is-visible {
        display: block;
      }

      .org-insights-svg-tip:after,
      .org-insights-svg-tip:before {
        border: solid transparent;
        content: ' ';
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 0;
      }

      .org-insights-svg-tip:after {
        border-color: #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
        border-width: 5px;
        margin-left: -5px;
      }

      .org-insights-svg-tip:before {
        border-color: #e1e4e8 transparent transparent;
        border-width: 6px;
        margin-left: -6px;
      }

      .org-insights-svg-tip.comparison {
        padding: 10px;
        pointer-events: none;
        text-align: left;
      }

      .org-insights-svg-tip.comparison ul {
        list-style: none;
        margin: 0;
        white-space: nowrap;
      }

      .org-insights-svg-tip.comparison li {
        position: relative;
      }

      .org-insights-svg-tip.comparison li .legend {
        border-radius: 50%;
        height: 7px;
        width: 7px;
      }

      .org-insights-card-legend .metric-0 {
        color: #0366d6;
      }

      .org-insights-card-legend .metric-1 {
        color: #28a745;
      }

      .org-insights-card-legend .metric-2 {
        color: #e36209;
      }

      .org-insights-card-legend .metric-3 {
        color: #6f42c1;
      }

      .org-insights-graph-canvas .metric-0 circle,
      .org-insights-graph-canvas path.metric-0,
      .org-insights-svg-tip .metric-0 .legend {
        background-color: #0366d6;
        stroke: #0366d6;
      }

      .org-insights-graph-canvas .metric-1 circle,
      .org-insights-graph-canvas path.metric-1,
      .org-insights-svg-tip .metric-1 .legend {
        background-color: #28a745;
        stroke: #28a745;
      }

      .org-insights-graph-canvas .metric-2 circle,
      .org-insights-graph-canvas path.metric-2,
      .org-insights-svg-tip .metric-2 .legend {
        background-color: #e36209;
        stroke: #e36209;
      }

      .org-insights-graph-canvas .metric-3 circle,
      .org-insights-graph-canvas path.metric-3,
      .org-insights-svg-tip .metric-3 .legend {
        background-color: #6f42c1;
        stroke: #6f42c1;
      }

      .UnderlineNav {
        border-bottom: 1px solid #e1e4e8;
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        overflow-y: hidden;
      }

      .UnderlineNav-body {
        display: flex;
      }

      .UnderlineNav-item {
        border-bottom: 2px solid transparent;
        color: #586069;
        font-size: 14px;
        line-height: 1.5;
        margin-right: 16px;
        padding: 16px 8px;
        text-align: center;
      }

      .UnderlineNav-item:focus,
      .UnderlineNav-item:hover {
        border-bottom-color: #d1d5da;
        color: #24292e;
        text-decoration: none;
        transition: 0.2s ease;
      }

      .UnderlineNav-item:focus .UnderlineNav-octicon,
      .UnderlineNav-item:hover .UnderlineNav-octicon {
        color: #6a737d;
      }

      .UnderlineNav-item.selected {
        border-bottom-color: #e36209;
        color: #24292e;
        font-weight: 600;
      }

      .UnderlineNav-item.selected .UnderlineNav-octicon {
        color: #6a737d;
      }

      .UnderlineNav--right {
        justify-content: flex-end;
      }

      .UnderlineNav--right .UnderlineNav-item {
        margin-left: 16px;
        margin-right: 0;
      }

      .UnderlineNav--right .UnderlineNav-actions {
        flex: 1 1 auto;
      }

      .UnderlineNav-actions {
        align-self: center;
      }

      .UnderlineNav--full {
        display: block;
      }

      .UnderlineNav-octicon {
        color: #959da5;
      }

      .UnderlineNav-container {
        display: flex;
        justify-content: space-between;
      }

      .org-insights-cards .boxed-group {
        margin: 10px 0;
        width: 100%;
      }

      .org-insights-cards .org-insights-card-header {
        display: none;
      }

      .org-insights-cards .org-insights-card-legend {
        color: #959da5;
        display: none;
      }

      .org-insights-cards [role='tab'][aria-selected='true'] {
        border-bottom-color: #e36209;
        color: #24292e;
        font-weight: 600;
      }

      .org-insights-cards
        [role='tab'][aria-selected='true']
        .UnderlineNav-octicon {
        color: #6a737d;
      }

      .org-insights-cards .repository-lang-stats-graph {
        border: 0;
        cursor: default;
        overflow: visible;
      }

      .org-insights-cards .repository-lang-stats-graph .language-color {
        border: 2px solid #fff;
        margin-right: -6px;
        min-width: 12px;
      }

      .org-insights-cards .no-top-languages:not(:only-child) {
        display: none;
      }

      .org-insights-cards .is-rendered .org-insights-card-header,
      .org-insights-cards .is-rendered .org-insights-card-legend {
        display: flex;
      }

      .org-insights-cards .octicon-arrow-down,
      .org-insights-cards .octicon-arrow-up {
        display: none;
      }

      .org-insights-cards .is-decrease .octicon-arrow-down,
      .org-insights-cards .is-increase .octicon-arrow-up {
        display: inline-block;
      }

      .org-insights-cards .graph-canvas .dots {
        padding: 43px 0;
      }

      .invitation-2fa-banner {
        margin-left: -24px;
        margin-right: -24px;
      }

      .sign-up-via-invitation .bleed-flush {
        border-color: #d8dee2;
        margin-left: -20px;
        padding: 0 20px;
        width: 100%;
      }

      .sign-up-via-invitation label {
        font-size: 13px;
      }

      .orghead {
        background-color: #fafbfc;
        border-bottom: 1px solid #eee;
        color: #666;
        margin-bottom: 20px;
        padding-bottom: 0;
        padding-top: 20px;
      }

      .orghead .edit-org {
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        color: #aaa;
        display: inline-block;
        font-size: 14px;
        padding: 3px 5px;
        position: relative;
        top: -6px;
      }

      .orghead .edit-org:hover {
        background-color: #fff;
        color: #0366d6;
      }

      .orghead .edit-org .octicon {
        font-size: 14px;
      }

      .orghead .orgnav {
        margin-top: 10px;
        position: relative;
        top: 1px;
      }

      .org-header-wrapper .TableObject-item--primary,
      .org-repos .TableObject-item--primary {
        white-space: normal;
      }

      .org-header-wrapper .avatar {
        display: block;
        width: 100px;
      }

      .org-header-wrapper .TableObject-item--primary {
        padding-left: 20px;
      }

      .org-name {
        color: #333;
        font-weight: 400;
      }

      .org-description {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 8px;
        margin-top: 0;
      }

      .org-header-meta {
        font-size: 12px;
        line-height: 1.5;
        list-style: none;
      }

      .org-header-meta .meta-item {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        padding-right: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .org-header-meta .octicon {
        color: #ccc;
        margin-right: 2px;
        position: relative;
        top: 1px;
        vertical-align: text-bottom;
      }

      .org-header-meta.has-blog.has-location .meta-item,
      .org-header-meta.has-email.has-blog .meta-item,
      .org-header-meta.has-email.has-location .meta-item {
        max-width: 278px;
      }

      .org-header-meta.has-email.has-blog.has-location .meta-item {
        max-width: 186px;
      }

      .audit-log-search .member-info {
        width: 300px;
      }

      .audit-log-search .member-info .member-avatar {
        float: left;
        margin-right: 15px;
      }

      .audit-log-search .member-info .member-link {
        display: block;
      }

      .audit-log-search .member-info .member-list-avatar {
        margin-right: 0;
      }

      .audit-log-search .member-info .ghost {
        color: #586069;
        display: inline-block;
      }

      .audit-log-search .blankslate {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .audit-log-search .export-phrase {
        margin: 5px 0;
      }

      .audit-results-actions {
        overflow: auto;
      }

      .audit-search-clear {
        border: 0;
        float: left;
        margin-bottom: 20px;
      }

      .audit-search-clear .issues-reset-query {
        margin-bottom: 0;
      }

      .audit-type {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 200px;
      }

      .audit-type .octicon {
        font-weight: 400;
        margin-right: 3px;
        vertical-align: bottom;
      }

      .audit-type .repo {
        color: #a04100;
      }

      .audit-type .team {
        color: #28a745;
      }

      .audit-type .user {
        color: #6f42c1;
      }

      .audit-type .oauth_access {
        color: #cb2431;
      }

      .audit-type .hook {
        color: #e1bf4e;
      }

      .export-actions {
        display: inline-block;
        margin-left: 10px;
      }

      .export-actions a {
        color: #6a737d;
        margin-top: -3px;
      }

      .export-actions a:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .export-actions .select-menu-button:after {
        margin-top: -2px;
        position: absolute;
        right: 15px;
        top: 50%;
      }

      .export-actions .select-menu-modal {
        width: 111px;
      }

      .export-actions .select-menu-item-text {
        text-align: center;
      }

      .export-phrase {
        margin-top: 5px;
      }

      .export-phrase pre {
        border-left: 1px solid #eee;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        padding-left: 10px;
        white-space: pre-wrap;
      }

      .audit-log-export-button {
        height: 30px;
        transition: width 0.25s ease-in-out;
        width: 110px;
      }

      .audit-log-export-button .loader {
        display: none;
      }

      .audit-log-export-button .loader,
      .audit-log-export-button .octicon {
        left: 11px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
      }

      .audit-log-export-button .audit-log-export-status {
        left: 35px;
        position: absolute;
        top: 4px;
      }

      .audit-log-export-button.disabled {
        width: 125px;
      }

      .audit-log-export-button.disabled:after {
        display: none;
      }

      .audit-log-export-button.disabled .octicon {
        display: none;
      }

      .audit-log-export-button.disabled .loader {
        display: block;
      }

      .two-factor-enforcement-form .loading-spinner {
        float: left;
        margin: 0 0 0 -20px;
        vertical-align: middle;
      }

      .saml-enabled-banner-container {
        background-image: linear-gradient(-1deg, #fff, #f5f5f5);
      }

      .saml-settings-form .test-status-indicator {
        border-radius: 50%;
        height: 30px;
        margin-top: -4px;
        width: 30px;
      }

      .saml-settings-form .test-status-indicator .octicon {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7px;
      }

      .saml-settings-form .form-group.errored {
        margin-bottom: 40px;
      }

      .saml-settings-form .test-status-indicator-error {
        background-color: #cb2431;
        color: #fff;
      }

      .saml-settings-form .test-status-indicator-success {
        background-color: #28a745;
        color: #fff;
      }

      .saml-settings-form .details-container .method-field {
        display: none;
      }

      .saml-settings-form .details-container .method-label {
        font-weight: 400;
      }

      .saml-settings-form .details-container .details-target {
        cursor: pointer;
      }

      .saml-settings-form .details-container.open .details-target,
      .saml-settings-form .details-container.open .method-value {
        display: none;
      }

      .saml-settings-form .details-container.open .method-field {
        display: inline-block;
      }

      .saml-settings-form .saml-enforcement-disabled {
        opacity: 0.5;
      }

      .form-group .form-control.saml-certificate-field {
        height: 150px;
        min-height: 0;
        width: 440px;
      }

      .member-avatar-group {
        margin: -1px;
      }

      .member-avatar-group:before {
        content: '';
        display: table;
      }

      .member-avatar-group:after {
        clear: both;
        content: '';
        display: table;
      }

      .member-avatar {
        float: left;
        margin: 1px;
      }

      .member-row {
        border-bottom: 1px solid #eee;
        color: #333;
        font-size: 14px;
        margin-top: 15px;
        min-height: 40px;
        padding-bottom: 15px;
        width: 100%;
      }

      .member-row:before {
        content: '';
        display: table;
      }

      .member-row:after {
        clear: both;
        content: '';
        display: table;
      }

      .member-row a:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .member-row:last-child {
        border-bottom: 0;
        padding-bottom: 0;
      }

      .member-row .member-fullname,
      .member-row .member-name {
        display: block;
        padding-left: 50px;
      }

      .member-row .member-fullname {
        word-wrap: break-word;
      }

      .member-fullname {
        color: #586069;
      }

      .org-toolbar.disabled {
        pointer-events: none;
      }

      .org-toolbar .subnav-search {
        margin-left: 0;
        margin-right: 20px;
        width: 320px;
      }

      .org-toolbar .subnav-search-context + .subnav-search {
        margin-left: -1px;
      }

      .org-toolbar .subnav-search-input {
        width: 100%;
      }

      .org-toolbar-next {
        margin-bottom: 24px;
      }

      .org-toolbar-next .subnav-search {
        width: 240px;
      }

      .auto-search-group {
        position: relative;
      }

      .auto-search-group .auto-search-input {
        padding-left: 30px;
      }

      .auto-search-group .spinner,
      .auto-search-group > .octicon {
        height: 16px;
        left: 10px;
        position: absolute;
        width: 16px;
        z-index: 5;
      }

      .auto-search-group .spinner {
        background-color: #fff;
        top: 9px;
      }

      .auto-search-group > .octicon {
        color: #bbb;
        font-size: 14px;
        text-align: center;
        top: 10px;
      }

      .org-list .list-item {
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
      }

      .org-list .list-item:before {
        content: '';
        display: table;
      }

      .org-list .list-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .org-repos .blankslate {
        margin-top: 15px;
      }

      .org-repos-mini {
        margin: 0;
        padding: 0;
      }

      .org-repos-mini .org-repo-mini-item:first-child .org-repo-mini-cell {
        border-top: 0;
      }

      .org-repos-mini .org-repo-name {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 0;
        word-wrap: break-word;
      }

      .org-repos-mini .org-repo-name .octicon-repo {
        color: #586069;
      }

      .org-repos-mini .org-repo-name .octicon-lock {
        color: rgba(115, 92, 15, 0.5);
      }

      .org-repos-mini .org-repo-name .repo-prefix {
        font-weight: 400;
      }

      .org-repos-mini .org-repo-name .repo-slash {
        display: inline-block;
        margin-left: -4px;
        margin-right: -4px;
      }

      .org-repo-mini-cell {
        padding-bottom: 15px;
        padding-top: 15px;
        vertical-align: middle;
      }

      .org-repo-meta {
        width: 165px;
      }

      .org-repo-meta .access-level {
        cursor: default;
      }

      .org-repo-access-level {
        text-align: center;
      }

      .org-repo-manage {
        width: 270px;
      }

      .with-higher-access .table-list-cell-checkbox {
        vertical-align: top;
      }

      .permission-level-cell .select-menu-button {
        text-align: left;
        width: 78px;
      }

      .permission-level-cell .select-menu-button:after {
        position: absolute;
        right: 10px;
        top: 10px;
      }

      .permission-level-cell .permission-success-icon,
      .permission-level-cell .spinner {
        float: none;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
      }

      .permission-level-cell .permission-success-icon {
        color: #28a745;
      }

      .permission-level-cell .is-loading .spinner,
      .permission-level-cell .was-successful .permission-success-icon {
        opacity: 1;
      }

      .select-menu-option-title {
        margin-bottom: 0;
        margin-top: 0;
      }

      .reinstate-org-member {
        margin: 40px auto;
        position: relative;
        width: 500px;
      }

      .reinstate-org-member .reinstate-lead {
        font-size: 16px;
        margin-bottom: 30px;
      }

      .reinstate-org-member label {
        cursor: pointer;
      }

      .reinstate-org-member .reinstate-detail-container {
        margin: 15px 0;
      }

      .reinstate-org-member .reinstate-title {
        color: #333;
      }

      .reinstate-org-member .reinstate-title .octicon {
        color: #999;
        margin-right: 10px;
        width: 16px;
      }

      .add-member-wrapper {
        margin: 40px auto;
        position: relative;
        width: 500px;
      }

      .add-member-wrapper .available-seats {
        color: #586069;
      }

      .add-member-wrapper .buy-more-link {
        margin-right: 5px;
      }

      .cancel-invitation-form {
        margin-top: -34px;
      }

      .add-member-team-list {
        display: block;
        list-style: none;
        margin-bottom: 30px;
      }

      .add-member-team-list .team-row-header {
        background: #fafafa;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        font-size: 12px;
        padding: 10px 20px 10px 0;
        text-align: right;
      }

      .add-member-team-list .team-row-header .team-row-teams {
        margin-right: 245px;
      }

      .add-member-team-list .team-row-header .team-row-members {
        margin-right: 35px;
      }

      .add-member-team-list .team {
        cursor: pointer;
        display: block;
        font-weight: 400;
      }

      .add-member-team-list .team:first-child {
        border-top: 1px solid #f2f2f2;
      }

      .add-member-team-list .team .btn-sm {
        float: right;
      }

      .add-member-team-list .team-info {
        color: #000;
        max-width: 80%;
        text-decoration: none;
      }

      .add-member-team-list .team-meta {
        color: #586069;
        margin-bottom: 2px;
        margin-top: 2px;
      }

      .add-member-team-list .team-description {
        margin-bottom: 2px;
        margin-top: 2px;
        width: 260px;
      }

      .add-member-team-list .team-toggler.on .turn-off,
      .add-member-team-list .team-toggler .turn-on {
        display: inline-block;
      }

      .add-member-team-list .team-toggler.on .turn-on,
      .add-member-team-list .team-toggler .turn-off {
        display: none;
      }

      .team-list-footer {
        border-top: 1px solid #e5e5e5;
        padding: 10px 0;
        text-align: center;
      }

      .team-list-footer .show-all-link .octicon {
        color: #586069;
        margin-left: 5px;
      }

      .invite-team-member-list .team {
        cursor: default;
      }

      .invite-team-member-list .team:first-child .table-list-cell {
        border-top: 0;
      }

      .invite-team-member-list .table-list-cell-checkbox {
        width: 42px;
      }

      .invite-team-member-list .team-toggler {
        padding-right: 3px;
        padding-top: 12px;
      }

      .invite-team-member-list .team-info {
        padding: 10px 15px 10px 0;
        width: 260px;
      }

      .invite-team-member-list .team-description {
        display: block;
        font-weight: 400;
        padding-bottom: 0;
        padding-top: 0;
      }

      .invite-team-member-list .team-meta {
        text-align: left;
        vertical-align: middle;
        width: 100px;
      }

      .invite-team-member-list .team-link {
        color: #0366d6;
        text-align: right;
      }

      .migration-jumbotron {
        height: 70vh;
        max-height: 650px;
        min-height: 450px;
      }

      .migration-jumbotron,
      .migration-sub-header {
        background-color: #3f4851;
        background-image: linear-gradient(#3f4851, #282d33);
        margin-top: -1px;
        position: relative;
      }

      .migration-jumbotron:after,
      .migration-sub-header:after {
        background-image: url(/images/modules/orgs/dots-bg.png);
        background-repeat: repeat;
        background-size: 80%;
        bottom: 0;
        content: ' ';
        left: 0;
        opacity: 0.75;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
      }

      .migration-jumbotron-content {
        margin: 0 auto;
        padding: 100px 60px;
        position: relative;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 980px;
        z-index: 2;
      }

      .migration-jumbotron-octicons {
        height: 60px;
        margin-bottom: 20px;
        text-align: center;
      }

      .migration-jumbotron-octicon-item {
        background-image: linear-gradient(-45deg, #6f42c1 30%, #f66a0a);
        border-radius: 50px;
        display: inline-block;
        height: 60px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        width: 60px;
      }

      .migration-jumbotron-octicon-item:after {
        background-color: #383f47;
        border-radius: 50px;
        bottom: 1px;
        content: '';
        left: 1px;
        position: absolute;
        right: 1px;
        top: 1px;
      }

      .migration-jumbotron-octicon-item .octicon {
        color: hsla(0, 0%, 100%, 0.9);
        margin-top: 16px;
        position: relative;
        z-index: 2;
      }

      .migration-jumbotron-lead,
      .migration-jumbotron-title,
      .migration-sub-lead,
      .migration-sub-title {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      }

      .migration-jumbotron-title,
      .migration-section-title {
        font-weight: 300;
        margin-bottom: 10px;
      }

      .migration-jumbotron-title {
        font-size: 40px;
      }

      .migration-section-title {
        font-size: 30px;
        margin-top: 0;
      }

      .migration-jumbotron-lead {
        font-size: 24px;
        margin-top: 0;
        opacity: 0.85;
      }

      .migration-section-lead {
        margin-bottom: 20px;
        margin-top: 20px;
      }

      .migration-jumbotron-btn {
        background-color: #fff;
        border-width: 0;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
        color: #6f42c1;
        font-size: 16px;
        padding: 12px 18px;
      }

      .migration-jumbotron-btn:hover {
        background-color: #eee;
        color: #6f42c1;
      }

      .migration-section {
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        padding-bottom: 100px;
        padding-top: 100px;
      }

      .migration-feature-list {
        color: #586069;
        font-size: 14px;
        list-style: none;
        margin-bottom: 20px;
        margin-top: 30px;
        overflow: hidden;
      }

      .migration-feature-list:before {
        border-top: 1px solid #ddd;
        content: '';
        display: block;
        margin-bottom: 30px;
        width: 100px;
      }

      .migration-feature-list .octicon {
        color: #586069;
        margin-left: -3px;
        text-align: center;
        width: 22px;
      }

      .migration-feature-list-item {
        float: left;
        margin-bottom: 15px;
        width: 50%;
      }

      .migration-section-grey {
        background-color: #fcfcfc;
      }

      .migration-illustration-wrapper:before {
        content: '';
        display: table;
      }

      .migration-illustration-wrapper:after {
        clear: both;
        content: '';
        display: table;
      }

      .migration-illustration {
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
        margin-bottom: -50px;
        margin-top: -30px;
        width: 700px;
      }

      .migration-illustration-left {
        float: right;
        margin-right: 50px;
      }

      .migration-illustration-right {
        float: left;
        margin-left: 50px;
      }

      .migration-section-privileges {
        padding-bottom: 80px;
        padding-top: 80px;
      }

      .migration-footer {
        border-bottom: 1px solid #ddd;
        margin-bottom: -41px;
        padding-bottom: 60px;
        padding-top: 60px;
        position: relative;
        z-index: 1;
      }

      .migration-footer-content {
        margin: 0 auto;
        text-align: center;
        width: 800px;
      }

      .migration-footer-lead,
      .migration-footer-title {
        margin-bottom: 0;
      }

      .migration-footer-lead {
        margin-top: 10px;
      }

      .migration-footer-btn {
        margin-top: 20px;
      }

      .migration-sub-header {
        margin-bottom: 40px;
        padding-bottom: 40px;
        padding-top: 40px;
      }

      .org-settings-updating {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-bottom: 30px;
        margin-top: 0;
        padding: 15px;
      }

      .org-settings-updating .spinner {
        display: inline-block;
        margin-top: -2px;
        vertical-align: middle;
      }

      .org-disabled-settings {
        opacity: 0.5;
        pointer-events: none;
      }

      .migration-sub-header-content {
        width: 68%;
      }

      .migration-sub-title {
        margin-bottom: 0;
      }

      .migration-sub-lead {
        margin-bottom: 0;
        margin-top: 10px;
      }

      .migration-org-avatar {
        border: 3px solid #fff;
        border-radius: 3px;
        margin-right: 72px;
        margin-top: 6px;
      }

      .org-migration-settings-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
      }

      .org-migration-settings-sidebar .migrate-org-roles {
        margin-bottom: 10px;
        margin-top: 0;
      }

      .org-migration-settings-sidebar .preserve-member-privileges-btn {
        display: none;
      }

      .org-migration-settings-sidebar
        .member-privilege-radios-preserved
        .preserve-member-privileges-btn {
        display: block;
      }

      .org-migration-settings-sidebar
        .member-privilege-radios-preserved
        .save-member-privileges-btn {
        display: none;
      }

      .org-migration-settings-section {
        border-bottom: 1px solid #ddd;
        margin-bottom: 50px;
        margin-right: 60px;
        padding-bottom: 50px;
        position: relative;
      }

      .org-migration-settings-section:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
      }

      .org-migration-settings-section .disabled {
        opacity: 0.5;
        pointer-events: none;
      }

      .org-migration-settings-section .spinner {
        display: inline-block;
        margin-bottom: -3px;
      }

      .org-migration-settings-icon {
        color: #ccc;
        left: -45px;
        position: absolute;
      }

      .org-migration-settings-title {
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 0;
      }

      .org-migration-settings-info {
        color: #586069;
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: 5px;
      }

      .migrate-owners-wrapper {
        min-height: 550px;
        position: relative;
      }

      .migrate-owners-content-about {
        left: 50%;
        margin: 30px auto 0;
        position: absolute;
        text-align: center;
        top: 0;
        transform: translate(-50%);
        transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
        width: 700px;
      }

      .migrate-owners-title {
        font-size: 35px;
        font-weight: 400;
      }

      .migrate-owners-lead {
        margin-bottom: 20px;
        margin-top: 0;
      }

      .migrate-owners-content-rename {
        margin: auto;
        width: 520px;
      }

      .delete-owners-button {
        color: #586069;
      }

      .delete-owners-button:hover {
        color: #cb2431;
      }

      .migrate-org-roles {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: table;
        margin-top: -20px;
        width: 100%;
      }

      .migrate-org-roles .tooltipped:after {
        white-space: normal;
        width: 150px;
      }

      .no-avatars-roles-matrix .migrate-org-roles {
        margin-top: 5px;
      }

      .migrate-org-roles-item {
        border-right: 1px solid #ddd;
        display: table-cell;
        width: 33.33%;
      }

      .migrate-org-roles-item:last-child {
        border-right: 0;
      }

      .migrate-ability-list {
        list-style: none;
        margin: 15px 0;
      }

      .migrate-ability-list-item {
        font-size: 14px;
        margin: 0 20px;
        padding-bottom: 5px;
        padding-top: 5px;
      }

      .migrate-ability-list-item:first-child {
        border-top: 0;
      }

      .migrate-ability-list-item .octicon-check,
      .migrate-ability-list-item .octicon-x {
        width: 15px;
      }

      .migrate-ability-list-item .octicon-check {
        color: #28a745;
      }

      .migrate-ability-list-item .octicon-x {
        color: #aaa;
      }

      .migrate-ability-list-item .octicon-question {
        color: #555;
        font-size: 12px;
      }

      .migrate-ability-not-possible {
        color: #586069;
      }

      .default-repository-permission .octicon-x,
      .members-can-create-repositories .octicon-x,
      .team-privacy .octicon-x {
        display: none;
      }

      .default-repository-permission.migrate-ability-not-possible .octicon-x,
      .members-can-create-repositories.migrate-ability-not-possible .octicon-x,
      .team-privacy.migrate-ability-not-possible .octicon-x {
        display: inline-block;
      }

      .default-repository-permission.migrate-ability-not-possible
        .octicon-check,
      .members-can-create-repositories.migrate-ability-not-possible
        .octicon-check,
      .team-privacy.migrate-ability-not-possible .octicon-check {
        display: none;
      }

      .migrate-org-roles-header {
        border-bottom: 1px solid #ddd;
        padding: 15px 20px;
      }

      .migrate-org-roles-title {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0;
      }

      .migrate-org-roles-lead {
        color: #586069;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 4px;
      }

      .migrate-org-roles-count {
        border-top: 1px solid #ddd;
        color: #586069;
        padding: 10px 20px;
      }

      .migrate-org-avatar-list {
        margin-bottom: 10px;
        margin-top: 5px;
      }

      .migrate-org-avatar-list:before {
        content: '';
        display: table;
      }

      .migrate-org-avatar-list:after {
        clear: both;
        content: '';
        display: table;
      }

      .migrate-org-avatar-list .migrate-org-avatar,
      .migrate-org-avatar-list .migrate-org-avatar-empty {
        float: left;
        margin-left: 2px;
      }

      .migrate-org-avatar-list .migrate-org-avatar-empty:first-child,
      .migrate-org-avatar-list .migrate-org-avatar:first-child {
        margin-left: 0;
      }

      .migrate-org-avatar-list .migrate-org-avatar-empty {
        border-radius: 3px;
        height: 30px;
        width: 30px;
      }

      .migrate-org-avatar-list .migrate-org-more-ellipsis,
      .migrate-org-avatar-list .migrate-org-zero {
        color: #586069;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
      }

      .migrate-org-avatar-list .migrate-org-more-ellipsis {
        background-color: #f5f5f5;
        font-weight: 600;
        line-height: 20px;
      }

      .migrate-org-avatar-list .migrate-org-zero {
        border: 1px dashed #ddd;
        color: #586069;
      }

      .migrate-org-avatar-list .migrate-org-more-ellipsis:hover {
        text-decoration: none;
      }

      .migrate-org-avatar-list .tooltipped:after {
        white-space: nowrap;
        width: auto;
      }

      .menu-item .org-avatar,
      .menu-item .org-octicon-credit-card {
        position: absolute;
      }

      .menu-item .org-octicon-credit-card {
        right: 0;
      }

      .org-settings-link {
        display: block;
        padding: 0 30px;
        word-wrap: break-word;
      }

      .team-stats {
        border-top: 1px solid #eee;
        margin-bottom: -15px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
      }

      .stats-group {
        display: table;
        table-layout: fixed;
        width: 100%;
      }

      .stats-group-stat {
        color: #586069;
        display: table-cell;
        font-size: 12px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-top: 10px;
        text-transform: uppercase;
      }

      .stats-group-stat:first-child {
        border-right: 1px solid #eee;
        padding-left: 0;
      }

      .stats-group-stat:hover,
      .stats-group-stat:hover .stat-number {
        color: #0366d6;
        text-decoration: none;
      }

      .stats-group-stat.no-link:hover {
        color: #586069;
        text-decoration: none;
      }

      .stats-group-stat.no-link:hover .stat-number {
        color: #333;
      }

      .stat-number {
        color: #333;
        display: block;
        font-size: 16px;
      }

      .permission-title {
        margin-top: 0;
      }

      .add-to-org-wrapper {
        width: 500px;
      }

      .invite-member-results ul {
        margin: 0;
      }

      .invite-member-header {
        text-align: center;
      }

      .add-to-org-title {
        font-size: 21px;
        font-weight: 400;
        line-height: normal;
      }

      .team-member-list {
        list-style: none;
      }

      .team-member-list .table-list-cell {
        padding-bottom: 15px;
        padding-top: 15px;
      }

      .team-member-list .team-member-content {
        margin-left: 50px;
      }

      .team-member-list .team-member-username {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
      }

      .team-member-list .Label--gray,
      .team-member-list .Label--outline {
        cursor: default;
      }

      .team-member-list .invite-icon {
        color: #959da5;
        width: 28px;
      }

      .menu-item-danger,
      .menu-item-danger.selected {
        color: #cb2431;
      }

      .menu-item-danger.navigation-focus,
      .menu-item-danger.selected.navigation-focus,
      .menu-item-danger.selected:hover,
      .menu-item-danger.selected[aria-selected='true'],
      .menu-item-danger:hover,
      .menu-item-danger[aria-selected='true'] {
        background: #d73a49;
        color: #fff;
      }

      .team-member-list-avatar {
        float: left;
        margin-right: 10px;
      }

      .team-member-list-avatar .octicon {
        color: #959da5;
        width: 40px;
      }

      .org-team-form .disabled {
        opacity: 0.5;
      }

      .org-team-form .css-truncate-target {
        max-width: 250px;
      }

      .confirm-removal-container .private-fork-count {
        color: #586069;
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
      }

      .confirm-removal-container .deleting-private-forks-warning {
        padding-left: 26px;
        position: relative;
      }

      .confirm-removal-container .deleting-private-forks-warning .octicon {
        color: #cb2431;
        left: 0;
        position: absolute;
        top: 2px;
      }

      .confirm-removal-list-container {
        border: 1px solid #eaeaea;
        border-radius: 3px;
        margin-bottom: 15px;
      }

      .confirm-removal-list-item {
        border-top: 1px solid #eaeaea;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 10px;
      }

      .confirm-removal-list-item:first-child {
        border-top: 0;
      }

      .confirm-removal-repo .octicon,
      .confirm-removal-team .octicon {
        color: #586069;
        margin-right: 3px;
      }

      .team-repo-access-list {
        max-height: 245px;
      }

      .manage-member-meta {
        list-style: none;
      }

      .manage-member-meta-item {
        color: #586069;
        margin-top: 12px;
      }

      .manage-member-meta-item:first-child {
        margin-top: 0;
      }

      .manage-member-meta-item .btn-link {
        color: #586069;
      }

      .manage-member-meta-item > .octicon {
        color: #586069;
        margin-right: 5px;
        text-align: center;
        width: 14px;
      }

      .manage-member-meta-item > .octicon-alert {
        color: #a04100;
      }

      .member-two-factor-disabled {
        color: #cb2431;
      }

      .manage-member-button {
        margin-bottom: 10px;
      }

      .org-person-repo-header {
        margin-top: 0;
      }

      .org-person-repo-search {
        margin-right: 5px;
        margin-top: 5px;
      }

      .org-user-notice-title {
        margin-bottom: 0;
        margin-top: 0;
      }

      .org-user-notice-content {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 10px;
      }

      .org-user-notice-content strong {
        color: #333;
      }

      .org-user-notice-content:last-child {
        margin-bottom: 0;
      }

      .org-user-notice-content .octicon {
        color: #586069;
      }

      .org-user-notice-icon {
        color: #ccc;
        float: right;
        font-size: 45px;
        margin: 10px 10px 20px;
      }

      .manage-repo-access-header {
        margin-bottom: 30px;
        margin-top: 30px;
      }

      .manage-repo-access-header:before {
        content: '';
        display: table;
      }

      .manage-repo-access-header:after {
        clear: both;
        content: '';
        display: table;
      }

      .manage-repo-access-header .btn {
        margin-top: 8px;
      }

      .manage-repo-access-header .tooltipped:after {
        white-space: normal;
        width: 250px;
      }

      .manage-repo-access-heading {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: -2px;
      }

      .manage-repo-access-lead {
        color: #586069;
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 3px;
      }

      .manage-repo-access-group {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
      }

      .manage-repo-access-title {
        background-color: #f8f8f8;
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 12px 15px;
      }

      .manage-repo-access-wrapper {
        padding-left: 25px;
        position: relative;
      }

      .manage-repo-access-wrapper:before {
        background-color: #eee;
        bottom: 15px;
        content: '';
        display: block;
        left: 20px;
        position: absolute;
        top: 15px;
        width: 2px;
        z-index: 1;
      }

      .manage-repo-access-icon {
        background: #fff;
        float: left;
        margin-left: -25px;
        margin-top: -3px;
        padding-bottom: 2px;
        padding-top: 2px;
        position: relative;
        z-index: 2;
      }

      .manage-repo-access-icon .octicon {
        color: #ccc;
        font-size: 14px;
      }

      .manage-repo-access-list {
        list-style: none;
      }

      .manage-repo-access-list-item {
        padding: 15px;
      }

      .manage-repo-access-list-item:last-child {
        border-bottom: 0;
        border-radius: 0 0 3px 3px;
      }

      .manage-repo-access-teams-group {
        border: 1px solid #ddd;
        border-radius: 3px;
        list-style: none;
        margin-top: -20px;
      }

      .manage-repo-access-team-item {
        border-top: 1px solid #eee;
      }

      .manage-repo-access-team-item:first-child {
        border-top: 0;
      }

      .manage-repo-access-description {
        margin-bottom: 0;
        margin-top: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
      }

      .manage-repo-access-not-active {
        background-color: #fafbfc;
        color: #24292e;
      }

      .manage-repo-access-not-active .manage-repo-access-icon {
        background: #f9f9f9;
      }

      .manage-access-remove-footer {
        border-top: 1px solid #ddd;
        padding: 15px;
      }

      .manage-access-remove-footer .tooltipped:after {
        white-space: normal;
        width: 250px;
      }

      .manage-access-none {
        margin: 20px 50px;
        text-align: center;
      }

      .ldap-group-dn {
        color: #aaa;
        display: block;
        font-weight: 400;
      }

      .ldap-import-groups-container .blankslate {
        display: none;
      }

      .ldap-import-groups-container.is-empty .blankslate {
        display: block;
      }

      .ldap-import-groups-container.is-empty .ldap-memberships-list {
        display: none;
      }

      .ldap-memberships-list {
        margin-bottom: 30px;
      }

      .ldap-memberships-list .table-list-cell {
        font-size: 13px;
        padding-bottom: 10px;
        padding-top: 10px;
        vertical-align: middle;
      }

      .ldap-memberships-list .table-list-cell:last-child {
        width: 92px;
      }

      .ldap-memberships-list .ldap-list-team-name {
        width: 380px;
      }

      .ldap-memberships-list .ldap-group-dn {
        font-size: 11px;
      }

      .ldap-memberships-list .ldap-mention-as {
        width: 260px;
      }

      .ldap-memberships-list .edit {
        color: #0366d6;
        cursor: pointer;
        margin-left: -33px;
        padding: 10px;
        position: absolute;
      }

      .ldap-memberships-list .edit-fields,
      .ldap-memberships-list .is-editing .edit-hide {
        display: none;
      }

      .ldap-memberships-list .is-editing .edit-fields {
        display: block;
      }

      .ldap-memberships-list .is-editing .spinner {
        margin-left: 15px;
        vertical-align: middle;
      }

      .ldap-memberships-list .is-removing {
        opacity: 0.25;
      }

      .ldap-memberships-list .is-removing .edit {
        opacity: 0.5;
      }

      .team-name-field {
        height: 33px;
      }

      .ldap-import-form-actions {
        margin-top: 30px;
      }

      .invited .team-member-list {
        margin: -20px 0;
      }

      .invited .team-member-list .list-item {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
      }

      .invited .team-member-list .list-item:before {
        content: '';
        display: table;
      }

      .invited .team-member-list .list-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .invited .team-member-list .list-item:last-of-type {
        border: 0;
      }

      .invited .team-member-list .list-item .edit-invitation {
        float: right;
        margin-top: 6px;
      }

      .invited-banner {
        margin-bottom: 20px;
      }

      .invited-banner:before {
        content: '';
        display: table;
      }

      .invited-banner:after {
        clear: both;
        content: '';
        display: table;
      }

      .invited-banner .btn-sm {
        float: right;
        margin-left: 5px;
      }

      .invited-banner p {
        font-size: 15px;
        line-height: 1.6;
      }

      .invited-banner .inviter-link {
        font-weight: 600;
      }

      .manage-member-sso-sessions.has-active-sessions .blankslate {
        display: none;
      }

      .manage-memberships-nav {
        margin-top: 10px;
        position: relative;
        top: 1px;
      }

      .manage-memberships-tabs-item {
        border: 1px solid transparent;
        border-radius: 3px 3px 0 0;
        border-top: 3px solid transparent;
        color: #586069;
        cursor: pointer;
        white-space: nowrap;
      }

      .manage-memberships-tabs-item:hover {
        color: #333;
      }

      .manage-memberships-tabs-item.selected {
        background-color: #fff;
        border-bottom: 2px solid #d26911;
        color: #24292e;
        font-weight: 600;
      }

      .theme-picker {
        background-clip: padding-box;
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        margin-bottom: -1px;
      }

      .theme-picker > .container {
        overflow: hidden;
        position: relative;
        text-align: center;
      }

      .theme-picker-thumbs {
        border-bottom: 1px solid #eee;
      }

      .theme-toggle {
        background: none;
        border: 0;
        color: #ccc;
        height: 32px;
        padding: 0;
        width: 32px;
      }

      .theme-toggle:hover {
        color: #0084c8;
        text-decoration: none;
      }

      .theme-toggle.disabled,
      .theme-toggle.disabled:hover {
        color: #ccc;
        cursor: not-allowed;
        opacity: 0.3;
      }

      .theme-toggle-full-left,
      .theme-toggle-full-right {
        overflow: hidden;
        position: absolute;
        top: 50px;
      }

      .theme-toggle-full-left {
        left: 4px;
      }

      .theme-toggle-full-right {
        right: 4px;
      }

      .theme-selector {
        height: 102px;
        margin: 15px 46px;
      }

      .theme-selector-thumbnail {
        border: 1px solid #ddd;
        padding: 2px;
      }

      .theme-selector-thumbnail:hover {
        background-color: #f5f5f5;
        text-decoration: none;
      }

      .theme-selector-thumbnail.selected {
        background-color: #0366d6;
        border: 0;
        padding: 3px;
      }

      .theme-selector-thumbnail.selected .theme-selector-img {
        border: 1px solid #fff;
      }

      .theme-selector-img {
        border-radius: 1px;
        height: 96px;
        width: 126px;
      }

      .theme-picker-spinner {
        background-color: #fff;
        left: 50%;
        margin-left: -16px;
        opacity: 0;
        position: absolute;
        top: 16px;
        transition: 0.2s, opacity ease-in-out;
      }

      .theme-picker-spinner.visible {
        opacity: 1;
      }

      .theme-picker-spinner.visible ~ .theme-picker-controls .theme-name {
        opacity: 0;
      }

      .theme-picker-view-toggle {
        float: left;
      }

      .theme-picker-view-toggle .for-hiding {
        display: none;
      }

      .theme-picker-view-toggle.open .for-hiding {
        display: inline;
      }

      .theme-picker-view-toggle.open .for-showing {
        display: none;
      }

      .theme-picker-controls {
        left: 50%;
        line-height: 34px;
        margin-left: -110px;
        position: absolute;
        text-align: center;
        top: 15px;
        width: 220px;
      }

      .theme-name,
      .theme-picker-controls .theme-toggle {
        vertical-align: middle;
      }

      .theme-name {
        display: inline-block;
        font-size: 20px;
        line-height: 1;
        margin-left: 10px;
        margin-right: 10px;
      }

      .page-preview {
        background-color: #fff;
        border: 0;
        display: block;
        height: 6000px;
        padding: 0;
        width: 100%;
        z-index: -100;
      }

      .pinned-items-spinner {
        left: 6px;
        position: relative;
        top: 2px;
      }

      .pinned-items-reorder-error {
        color: #86181d;
        font-size: 12px;
        font-weight: 400;
        padding-left: 6px;
      }

      .pinned-items-setting-link {
        font-size: 13px;
        font-weight: 400;
      }

      .pinned-item-name {
        color: #2f363d;
      }

      .pinned-item-checkbox:checked + .pinned-item-name {
        background-color: #f1f8ff;
        color: #24292e;
      }

      .org-pinned-items-list.pinned-items-list {
        justify-content: flex-start;
      }

      .org-pinned-item-list-item.pinned-item-list-item {
        margin-right: 11px;
        width: 319px;
      }

      .org-pinned-item-list-item.pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item {
        margin-right: 11px;
      }

      .org-pinned-item-list-item.pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item {
        margin-right: 0;
      }

      .org-pinned-item-list-item.pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item
        + .org-pinned-item-list-item {
        margin-right: 0;
      }

      .pinned-gist-blob-num {
        cursor: default;
        min-width: 36px;
      }

      .pinned-gist-blob-num:hover {
        color: rgba(27, 31, 35, 0.3);
        cursor: default;
      }

      @media print {
        #serverstats,
        .comment:after,
        .comment:before,
        .discussion-timeline-actions,
        .file-actions,
        .footer,
        .gh-header-sticky,
        .Header,
        .header,
        .Header-old,
        .header-search,
        .js-expandable-line,
        .language-color,
        .lock-toggle-link,
        .pagehead-actions,
        .pr-review-tools,
        .pr-toolbar.is-placeholder,
        .reponav,
        .thread-subscription-status,
        .timeline-comment-actions,
        .timeline-new-comment,
        .toolbar-shadow {
          display: none !important;
        }

        .repository-lang-stats-graph {
          height: 0;
        }

        .btn:not(.btn-outline) {
          background: none;
          color: #24292e !important;
        }

        .comment h2,
        p {
          page-break-inside: avoid;
        }

        .markdown-body h2 {
          page-break-after: avoid;
        }

        .topic-tag {
          padding: 0;
        }

        .topic-tag:before {
          content: '#';
          margin-right: -2px;
        }

        .blob-num {
          border-right: 2px solid #e1e4e8;
        }

        .blob-num-deletion {
          border-right-color: #d73a49;
        }

        .blob-num-addition {
          border-right-color: #28a745;
        }

        .blob-code-addition .x {
          border-bottom: 2px solid #28a745;
          border-radius: 0;
        }

        .blob-code-deletion .x {
          border-bottom: 2px solid #d73a49;
          border-radius: 0;
        }

        .pr-toolbar.is-stuck {
          position: static !important;
          width: 100% !important;
        }

        .block-diff-neutral {
          border: 4px solid #d1d5da;
        }

        .block-diff-deleted {
          border: 4px solid #d73a49;
        }

        .block-diff-added {
          border: 4px solid #28a745;
        }

        .State {
          background: none;
          border: 1px;
          color: #1b1f23;
        }

        .State--green {
          border: 1px solid #2cbe4e;
          color: #28a745;
        }

        .State--purple {
          border: 1px solid #6f42c1;
          color: #6f42c1;
        }

        .State--red {
          border: 1px solid #cb2431;
          color: #cb2431;
        }

        .markdown-body pre > code {
          white-space: pre-wrap;
        }
      }

      .pjax-loader-bar {
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transition: opacity 0.4s linear 0.4s;
        z-index: 99999;
      }

      .pjax-loader-bar .progress {
        background: #77b6ff;
        box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
        height: 2px;
        left: 0;
        position: fixed;
        top: 0;
        transition: width 0.4s ease;
      }

      .pjax-loader-bar.is-loading {
        opacity: 1;
        transition: none;
      }

      .project-full-screen .Header,
      .project-full-screen .Header-old,
      .project-full-screen .pagehead {
        display: block;
      }

      @media (min-width: 544px) {
        .project-full-screen .Header,
        .project-full-screen .Header-old,
        .project-full-screen .pagehead {
          display: none;
        }
      }

      .project-full-screen .project-header {
        color: hsla(0, 0%, 100%, 0.75);
        padding-bottom: 10px;
        padding-top: 10px;
      }

      @media (min-width: 544px) {
        .project-full-screen .project-header {
          background-color: #24292e;
        }
      }

      .project-full-screen .project-header:focus {
        outline: none;
      }

      .project-full-screen .project-header .project-header-link {
        color: hsla(0, 0%, 100%, 0.75) !important;
      }

      .project-full-screen .project-header .project-header-link:hover {
        color: #fff !important;
      }

      .project-full-screen .project-header .pending-cards-status {
        border-color: #24292e;
      }

      @media (min-width: 544px) {
        .project-full-screen .card-filter-input {
          background-color: hsla(0, 0%, 100%, 0.125);
          border: 0;
          box-shadow: none;
          color: #fff;
          outline: none;
        }

        .project-full-screen .card-filter-input:-ms-input-placeholder {
          color: hsla(0, 0%, 100%, 0.7);
        }

        .project-full-screen .card-filter-input::-ms-input-placeholder {
          color: hsla(0, 0%, 100%, 0.7);
        }

        .project-full-screen .card-filter-input::placeholder {
          color: hsla(0, 0%, 100%, 0.7);
        }

        .project-full-screen .card-filter-input:focus {
          background-color: hsla(0, 0%, 100%, 0.175);
        }
      }

      .project-header {
        background-color: #eff1f3;
      }

      @media (min-width: 544px) {
        .project-header {
          background-color: #fff;
        }
      }

      .project-header .select-menu-modal-holder {
        z-index: 500;
      }

      .project-updated-message {
        left: 50%;
        top: 6px;
        transform: translate(-50%);
        z-index: 50;
      }

      .pending-cards-status {
        background-clip: padding-box;
        background-image: linear-gradient(#54a3ff, #006eed);
        border: 2px solid #fff;
        height: 14px;
        right: -9px;
        top: -2px;
        width: 14px;
        z-index: 2;
      }

      .project-columns {
        overflow-x: auto;
      }

      @media (min-width: 544px) {
        .project-columns-container {
          height: 0;
          overflow-x: visible !important;
        }
      }

      .project-column {
        background-color: #eff1f3;
        border-radius: 0 !important;
        border-width: 0 !important;
        max-width: 100%;
        min-width: 100%;
      }

      .project-column:focus {
        outline: none;
      }

      @media (min-width: 544px) {
        .project-column {
          border-radius: 6px !important;
          border-width: 1px !important;
          max-width: 355px;
          min-width: 355px;
        }

        .project-column:focus {
          border-color: #2188ff !important;
          box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
        }
      }

      .project-column.moving {
        background-color: #f1f8ff !important;
        box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
        transform: translateX(4px) translateY(-4px);
      }

      .new-project-column {
        border-color: #959da5 !important;
        width: 315px;
      }

      .project-search-form .loading-indicator {
        display: none;
        right: 21px;
        top: 21px;
      }

      .project-search-form.loading .loading-indicator {
        display: inline-block;
      }

      .sortable-ghost {
        background-color: #f6f8fa;
        opacity: 0.5;
      }

      .project-card .project-reference-markdown > p,
      .project-card:last-child {
        margin-bottom: 0 !important;
      }

      .project-card:first-child {
        margin-top: 8px !important;
      }

      @media (min-width: 544px) {
        .project-card:first-child {
          margin-top: 3px !important;
        }
      }

      .project-card ol,
      .project-card ul {
        margin-bottom: 8px;
        margin-left: 16px;
      }

      .project-card blockquote {
        border-left: 0.25em solid #dfe2e5;
        color: #6a737d;
        padding: 0 0.75em;
      }

      .project-card .contains-task-list {
        margin-left: 24px;
      }

      .project-card:hover {
        border-color: #d1d5da !important;
        box-shadow: 0 1px 3px rgba(106, 115, 125, 0.3) !important;
      }

      .project-card:focus {
        outline: none;
      }

      @media (min-width: 544px) {
        .project-card:focus {
          border-color: #2188ff !important;
          box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3) !important;
        }
      }

      .project-card.moving {
        background-color: #f1f8ff !important;
        box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3) !important;
        transform: translateX(4px) translateY(0);
      }

      .archived-project-cards-pane .project-card .archived-header {
        color: #735c0f;
        display: flex !important;
      }

      .archived-project-cards-pane .project-card .archive-dropdown-item {
        display: none;
      }

      .issue-card.draggable {
        cursor: move;
      }

      .issue-card .issue-card-label {
        max-width: 50%;
      }

      .issue-card .issue-card-label:after {
        max-width: 150px;
      }

      .issue-card .AvatarStack:hover .from-avatar {
        margin-right: -4px;
      }

      .issue-card pre {
        white-space: pre-wrap;
        word-wrap: break-word;
      }

      @keyframes show-pane {
        0% {
          transform: translateX(390px);
        }

        to {
          transform: translateX(0);
        }
      }

      .project-pane {
        background-clip: padding-box;
        box-shadow: -3px 0 5px rgba(36, 41, 46, 0.05);
        z-index: 30;
      }

      @media (min-width: 544px) {
        .project-pane {
          animation: show-pane 0.2s cubic-bezier(0, 0, 0, 1);
          height: auto !important;
          position: absolute !important;
          width: 360px !important;
        }
      }

      .project-pane .redacted-activity {
        border-bottom: 1px dotted #959da5;
        cursor: help;
      }

      .project-pane .project-body-markdown ol:last-child,
      .project-pane .project-body-markdown p:last-child,
      .project-pane .project-body-markdown ul:last-child {
        margin-bottom: 0;
      }

      .project-pane-close {
        color: rgba(27, 31, 35, 0.5);
      }

      .project-pane-close:hover {
        color: rgba(27, 31, 35, 0.7);
      }

      .project-note-form textarea {
        resize: vertical;
      }

      .card-menu-container .dropdown-menu,
      .column-menu-container .dropdown-menu {
        min-width: 180px;
      }

      .card-octicon {
        left: 10px;
        top: 6px;
      }

      .card-note-octicon {
        top: 8px;
      }

      .is-sending .auto-search-group .chooser-spinner {
        left: auto;
        right: 21px;
        top: 15px;
      }

      .card-filter-input {
        width: 0;
      }

      @media (min-width: 544px) {
        .card-filter-input {
          width: 300px;
        }
      }

      .card-filter-autocomplete-dropdown {
        cursor: pointer;
        float: none;
        max-height: 240px;
        min-width: 240px;
        z-index: 500;
      }

      .card-filter-autocomplete-dropdown .navigation-focus,
      .card-filter-autocomplete-dropdown [aria-selected='true'] {
        background-color: #0366d6;
        border-radius: 3px;
        color: #fff !important;
      }

      .card-filter-autocomplete-dropdown
        .navigation-focus
        .autocomplete-text-qualifier,
      .card-filter-autocomplete-dropdown
        [aria-selected='true']
        .autocomplete-text-qualifier {
        color: #fff !important;
      }

      .projects-reset-query:hover .projects-reset-query-icon {
        background-color: #0366d6;
      }

      .projects-reset-query-icon {
        background-color: #6a737d;
        height: 18px;
        padding: 1px;
        width: 18px;
      }

      .project-small-menu-dropdown:after,
      .project-small-menu-dropdown:before {
        display: none;
      }

      .project-header-controls,
      .project-header-search {
        flex-grow: 1;
      }

      @media (min-width: 1012px) {
        .project-header-controls,
        .project-header-search {
          flex-grow: 0;
        }
      }

      .project-header-subnav-search {
        flex-grow: 1;
      }

      @media (min-width: 544px) {
        .project-header-subnav-search {
          flex-grow: 0;
        }
      }

      .project-page .application-main {
        flex-shrink: 0 !important;
      }

      @media (min-width: 544px) {
        .project-page .application-main {
          flex-shrink: 1 !important;
        }
      }

      .project-page .reponav-small {
        display: none !important;
      }

      @media (min-width: 544px) {
        .project-page .reponav-small {
          display: block !important;
        }
      }

      @media (min-width: 1012px) {
        .project-page .reponav-small {
          display: none !important;
        }
      }

      .project-edit-mode .column-menu-container,
      .project-edit-mode .column-menu-item {
        display: none !important;
      }

      .project-edit-mode .project-move-actions {
        display: flex !important;
      }

      .push-board-over {
        padding-right: 0 !important;
        transition: all 0.2s ease;
      }

      @media (min-width: 544px) {
        .push-board-over {
          padding-right: 360px !important;
        }
      }

      .project-touch-scrolling {
        -webkit-overflow-scrolling: touch;
      }

      .project-page.menu-active .project-touch-scrolling {
        -webkit-overflow-scrolling: auto;
      }

      .projects-comment-form .comment-md-support-link {
        float: none;
        text-align: center;
        width: 100%;
      }

      .projects-comment-form .comment-form-actions {
        margin: 4px 0 !important;
        padding: 8px 16px;
        width: 100%;
      }

      .projects-comment-form .comment-form-actions button {
        margin: 4px 0 !important;
        width: 100%;
      }

      .projects-comment-form .comment-form-head {
        border-bottom: 0;
        margin: 0 !important;
        padding: 0 !important;
      }

      .projects-comment-form .comment-form-head .tabnav-tabs {
        padding: 8px 8px 0;
      }

      .projects-comment-form .comment-form-head .toolbar-commenting {
        background-color: #fff;
        border-top: 1px solid #d1d5da;
        width: 100%;
      }

      .projects-comment-form
        .comment-form-head
        .toolbar-commenting
        .toolbar-group {
        margin: 10px 7px 5px !important;
      }

      .projects-comment-form .comment-form-head:after {
        clear: both;
        content: ' ';
        display: block;
      }

      .projects-comment-form .comment-form-textarea {
        height: 250px !important;
      }

      .projects-comment-form .preview-content {
        border-top: 1px solid #d1d5da;
        margin: 0;
      }

      .projects-comment-form .preview-content .comment-body {
        padding: 16px;
      }

      .project-issue-body-wrapper {
        max-height: 200px;
        overflow: hidden;
      }

      .Details--on .project-issue-body-wrapper {
        max-height: none;
        overflow: visible;
      }

      .project-issue-body-blur {
        background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
        height: 32px;
      }

      .Details--on .project-issue-body-blur {
        height: 0;
      }

      .project-comment-body-hover .comment-action,
      .project-comment-title-hover .comment-action {
        opacity: 0;
      }

      .project-comment-body-hover:hover .comment-action,
      .project-comment-title-hover:hover .comment-action {
        opacity: 1;
      }

      .project-comment-body-hover .octicon-pencil,
      .project-comment-title-hover .octicon-pencil {
        color: rgba(27, 31, 35, 0.5);
      }

      .project-comment-body-hover .octicon-pencil:hover,
      .project-comment-title-hover .octicon-pencil:hover {
        color: #0366d6;
      }

      .project-comment-body-reaction .timeline-comment-action {
        padding: 4px 8px;
      }

      .project-comment-reactions .reaction-summary-item {
        padding: 8px;
      }

      .project-comment-reactions .reaction-summary-item g-emoji {
        margin: 0 !important;
      }

      .vcard-names {
        line-height: 1;
      }

      .vcard-fullname {
        font-size: 26px;
        line-height: 30px;
      }

      .vcard-username {
        color: #666;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
      }

      .vcard-details {
        list-style: none;
      }

      .vcard-details .css-truncate.css-truncate-target {
        max-width: 100%;
        width: 100%;
      }

      .vcard-details .css-truncate.css-truncate-target div {
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .vcard-detail {
        font-size: 14px;
        padding-left: 24px;
      }

      .vcard-detail .octicon {
        color: #6a737d;
        float: left;
        margin-left: -24px;
        margin-top: 3px;
        text-align: center;
        width: 16px;
      }

      .new-user-avatar-cta {
        background-color: #f1f6fb;
        border: 1px solid #d0e5f8;
        border-radius: 3px;
        color: #244f79;
        font-size: 14px;
      }

      .user-profile-bio {
        font-size: 14px;
        overflow: hidden;
      }

      .form-group .form-control.user-profile-bio-field {
        height: 5.35em;
        min-height: 0;
        width: 440px;
      }

      .user-profile-bio-field-container,
      .user-profile-company-field-container {
        position: relative;
      }

      .user-profile-bio-message {
        color: #86181d;
        font-size: 12px;
        margin: 5px 0 0;
      }

      .vcard-detail {
        padding-left: 22px;
      }

      .vcard-detail .octicon {
        margin-left: -22px;
      }

      .user-profile-sticky-bar {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        transition: 0.2s;
        width: 233px;
        word-break: break-all;
        z-index: 90;
      }

      .user-profile-sticky-bar:after {
        background-color: #fff;
        border-bottom: 1px solid #d1d5da;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
        content: '';
        display: none;
        height: 54px;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: 0.2s;
        z-index: 100;
      }

      .user-profile-sticky-bar.is-stuck {
        opacity: 1;
        pointer-events: auto;
      }

      .user-profile-sticky-bar.is-stuck:after {
        display: block;
        opacity: 1;
      }

      .user-profile-mini-vcard {
        height: 54px;
        position: relative;
        top: 1px;
        z-index: 110;
      }

      .user-profile-mini-avatar {
        width: 32px;
      }

      .mini-follow-button {
        line-height: 1.5;
        opacity: 0;
        padding: 0 8px;
        transition: 0.2s;
      }

      .is-follow-stuck .mini-follow-button {
        opacity: 1;
      }

      .user-profile-following-container .user-following-container.on .follow,
      .user-profile-following-container .user-following-container .unfollow {
        display: none;
      }

      .user-profile-following-container .user-following-container .follow,
      .user-profile-following-container .user-following-container.on .unfollow {
        display: block;
      }

      .vcard-names-container {
        top: 0;
      }

      .vcard-names-container.is-stuck {
        pointer-events: none;
      }

      .vcard-names-container.is-stuck .vcard-names {
        opacity: 0;
      }

      .vcard-names-container.is-stuck:after {
        opacity: 1;
      }

      .blocked-user-notice {
        border: 1px solid #d73a49;
        border-radius: 3px;
        color: #cb2431;
        padding: 8px 16px;
        text-align: center;
        width: 100%;
      }

      .user-profile-nav {
        background-color: #fff;
        border-bottom: 1px solid #d1d5da;
      }

      .user-profile-nav.is-stuck {
        z-index: 90;
      }

      .pinned-items-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        list-style: none;
      }

      .pinned-item-list-item {
        display: flex;
        width: 359px;
      }

      .pinned-item-list-item .pinned-item-handle {
        color: #586069;
      }

      .pinned-item-list-item .pinned-item-handle:hover {
        cursor: grab;
      }

      .pinned-item-list-item.is-dragging,
      .pinned-item-list-item.is-dragging .pinned-item-handle {
        cursor: grabbing;
      }

      .pinned-item-list-item.is-dragging {
        background-color: #f1f8ff;
      }

      .pinned-item-list-item.sortable-ghost {
        background-color: #f1f8ff;
        opacity: 0;
      }

      .pinned-item-list-item.empty {
        align-items: center;
        border-style: dashed;
        border-width: 1px;
        justify-content: center;
      }

      .pinned-item-list-item-content {
        display: flex;
        flex-direction: column;
        width: 100%;
      }

      .pinned-item-desc {
        flex: 1 0 auto;
      }

      .pinned-item-meta {
        display: inline-block;
      }

      .pinned-item-meta + .pinned-item-meta {
        margin-left: 16px;
      }

      .user-repo-search-results-summary {
        white-space: normal;
      }

      .profile-timeline.discussion-timeline {
        float: none;
      }

      .profile-timeline.discussion-timeline
        .profile-timeline-month-heading:after {
        background-color: #eaecef;
        content: '';
        height: 1px;
        position: absolute;
        top: 12px;
        width: 100%;
        z-index: -1;
      }

      .profile-timeline.discussion-timeline:before {
        background-color: #eaecef;
        left: 15px;
      }

      .profile-timeline.discussion-timeline .contribution-first-issue,
      .profile-timeline.discussion-timeline .contribution-first-pull-request,
      .profile-timeline.discussion-timeline .contribution-first-repository,
      .profile-timeline.discussion-timeline .contribution-joined-github {
        margin-top: -16px;
      }

      .profile-break-word {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
      }

      .profile-timeline-year-list {
        top: 74px;
      }

      .profile-timeline-card-wrapper {
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
      }

      .profile-timeline-card .issue-meta-section .progress-bar {
        width: 40px;
      }

      .profile-timeline-card .issue-meta-section .octicon {
        color: #6a737d;
        vertical-align: middle;
      }

      .profile-rollup-wrapper .css-truncate-target {
        max-width: 85%;
      }

      .profile-rollup-wrapper .progress-bar {
        border-radius: 2px;
        height: 8px;
      }

      .profile-rollup-wrapper + .profile-rollup-wrapper {
        border-top: 1px solid #eaecef;
      }

      .profile-timeline-card-wrapper + .profile-timeline-card-wrapper {
        margin-top: 24px;
      }

      .profile-rollup-wrapper + .profile-timeline-card-wrapper {
        margin-top: 0;
      }

      .profile-timeline-month-heading + .profile-timeline-card-wrapper {
        margin-top: 24px;
      }

      .profile-rollup-summarized + .profile-rollup-summarized {
        border-top: 1px solid #eaecef;
      }

      .profile-rollup-icon {
        display: inline-block;
        text-align: center;
        width: 16px;
      }

      .profile-rollup-content {
        display: none;
      }

      .profile-rollup-content .content-title:hover .link-gray-dark-underline {
        text-decoration: underline;
      }

      .vertical-text-bottom {
        vertical-align: text-bottom;
      }

      .profile-rollup-summarized.open .profile-rollup-toggle-closed,
      .profile-rollup-summarized.open > .profile-rollup-content,
      .profile-rollup-wrapper.open .profile-rollup-toggle-closed,
      .profile-rollup-wrapper.open > .profile-rollup-content {
        display: block;
      }

      .profile-rollup-summarized.open .profile-rollup-toggle-open,
      .profile-rollup-toggle-closed,
      .profile-rollup-wrapper.open .profile-rollup-toggle-open {
        display: none;
      }

      .profile-rollup-toggle {
        color: #6a737d;
        cursor: pointer;
      }

      .profile-rollup-toggle:hover {
        color: #0366d6;
      }

      .pull-request-tab-content {
        display: none;
      }

      .pull-request-tab-content.is-visible {
        display: block;
      }

      .discussion-timeline p.explain {
        font-size: 12px;
        margin: 0;
      }

      .pull-request-ref-restore {
        display: none;
      }

      .pull-request-ref-restore .animated-ellipsis-container {
        line-height: 16px;
      }

      .pull-discussion-timeline.is-pull-restorable
        .pull-request-ref-restore.last,
      .pull-request-ref-restore-text {
        display: block;
      }

      .files-bucket {
        margin-bottom: 15px;
      }

      .full-width .diffbar .container,
      .split-diff .diffbar .container {
        padding-left: 0;
        padding-right: 0;
      }

      .stale-files-tab {
        background-color: #fff8f2;
        border-radius: 3px;
        color: #a04100;
        float: left;
        margin-bottom: -5px;
        margin-top: -5px;
        padding: 5px 10px;
      }

      .stale-files-tab-link {
        color: inherit;
        font-weight: 600;
      }

      .pr-toolbar {
        background-color: #fff;
        height: 60px;
        margin: -20px -20px 0;
        padding: 0 20px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 29;
      }

      .pr-toolbar .subset-files-tab {
        border-radius: 3px;
        float: left;
        font-size: 13px;
        padding: 0 8px;
      }

      .pr-toolbar .float-right .diffbar-item {
        margin-right: 0;
      }

      .pr-toolbar .float-right .diffbar-item + .diffbar-item {
        margin-left: 20px;
      }

      .is-stuck + .toolbar-shadow {
        background: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.001))
          repeat-x 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        content: '';
        display: block;
        height: 5px;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        z-index: 28;
      }

      .files-next-bucket .file,
      .files-next-bucket .full-commit {
        margin-bottom: 20px;
        margin-top: 0;
      }

      .diffbar {
        background-color: #fff;
        height: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
      }

      .diffbar:before {
        content: '';
        display: table;
      }

      .diffbar:after {
        clear: both;
        content: '';
        display: table;
      }

      .diffbar .show-if-stuck {
        display: none;
      }

      .diffbar .container {
        width: auto;
      }

      .diffbar .table-of-contents {
        margin-bottom: 0;
      }

      .diffbar .table-of-contents ol {
        margin-bottom: -15px;
      }

      .diffbar .table-of-contents li {
        border-top: 1px solid #eee;
      }

      .diffbar .table-of-contents li:first-child {
        border-top: 0;
      }

      .diffbar
        [role^='menuitem']:focus:not(.is-range-selected)
        .text-emphasized,
      .diffbar
        [role^='menuitem']:hover:not(.is-range-selected)
        .text-emphasized {
        color: #fff;
      }

      .is-stuck .diffbar {
        height: auto;
        padding-bottom: 0;
        padding-top: 8px;
      }

      .is-stuck .diffbar .show-if-stuck {
        display: block;
      }

      .is-stuck .diffbar .diffstat {
        display: none;
      }

      .is-stuck .diffbar .pr-review-tools {
        margin-top: 8px;
      }

      .is-stuck .diffbar .stale-files-tab {
        margin-top: -8px;
      }

      .is-stuck .diffbar .checks-state-summary-wrapper,
      .is-stuck .diffbar .no-pull {
        margin-top: 12px;
      }

      .diffbar-range-menu .select-menu-modal {
        width: 380px;
      }

      .diffbar-range-menu .css-truncate-target {
        max-width: 280px;
      }

      .diffbar-range-menu .select-menu-item:not(.select-menu-action) {
        padding: 8px 10px;
      }

      .diffbar-range-menu .emoji {
        vertical-align: bottom;
      }

      .diffbar-range-menu .in-range:not(.is-range-selected) {
        background-color: #f1f8ff;
        border-bottom-color: rgba(27, 31, 35, 0.15);
      }

      .diffbar-range-menu .in-range:focus:not(.is-range-selected),
      .diffbar-range-menu .in-range:hover:not(.is-range-selected) {
        background-color: #0366d6;
      }

      .diffbar-range-menu .is-range-selected {
        background-color: #fffbdd;
        border-bottom-color: rgba(38, 44, 49, 0.15);
        color: #735c0f;
        cursor: default;
        outline: none;
      }

      .diffbar-range-menu .is-range-selected .text-emphasized {
        color: #776521;
      }

      .diffbar-range-menu .is-range-selected .description {
        color: inherit;
      }

      .diffbar-range-menu .is-last-in-range {
        background-color: #fff5b1;
        cursor: pointer;
      }

      .diffbar-item {
        float: left;
        font-size: 13px;
        margin-left: 16px;
        vertical-align: middle;
      }

      .fork-collab-tip {
        margin-top: -30px;
        width: 270px;
      }

      .fork-collab-tip.dropdown-menu-s {
        margin-top: 10px;
      }

      .fork-collab-link {
        margin-left: 15px;
      }

      .conflict-resolver .conflict-loader,
      .conflict-resolver.loading .resolve-file-form {
        display: none;
      }

      .conflict-resolver.loading .conflict-loader,
      .conflict-resolver .resolve-file-form {
        display: block;
      }

      .conflict-resolver.loading {
        border: 1px solid #e1e4e8;
        height: calc(100vh + 51px);
        padding-top: 50px;
        position: relative;
      }

      .conflict-resolver .file-header {
        padding: 9px 10px;
      }

      .conflicts-nav {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border-width: 0 0 1px;
        height: 100vh;
      }

      .conflict-nav-item .discussion-item-icon {
        display: none;
      }

      .conflict-nav-item.resolved .discussion-item-icon {
        display: block;
        margin-left: -5px;
      }

      .conflict-nav-item.resolved .octicon-file-code {
        display: none;
      }

      .conflict-nav-item.selected:before {
        border-radius: 0;
      }

      .conflict-nav-item .octicon {
        width: 22px;
      }

      .conflict-nav-item .css-truncate-target {
        max-width: 100%;
      }

      .is-resolved .file-actions {
        display: none;
      }

      .is-resolved .resolved-notice {
        display: block;
      }

      .add-comment-label,
      .is-review-pending .start-review-label,
      .resolved-notice,
      .review-cancel-button {
        display: none;
      }

      .is-review-pending .add-comment-label,
      .start-review-label {
        display: inline-block;
      }

      .is-review-pending .review-simple-reply-button {
        display: none;
      }

      .is-review-pending .review-cancel-button,
      .is-review-pending .review-title-with-count {
        display: block;
      }

      .review-title-with-count {
        display: none;
      }

      .pr-review-tools {
        margin-top: -4px;
      }

      .pr-review-tools .Counter {
        display: none;
      }

      .is-review-pending .pr-review-tools .Counter {
        display: inline-block;
      }

      .pull-request-review-menu,
      .pull-request-suggested-changes-menu {
        border: 1px solid rgba(27, 31, 35, 0.15);
        left: auto;
        margin: 0;
        top: 30px;
        transform: none;
        width: 700px;
        z-index: 99;
      }

      .pull-request-review-menu:after,
      .pull-request-review-menu:before,
      .pull-request-suggested-changes-menu:after,
      .pull-request-suggested-changes-menu:before {
        display: none;
      }

      .pull-request-review-menu .select-menu-header,
      .pull-request-suggested-changes-menu .select-menu-header {
        border-radius: 3px 3px 0 0;
      }

      .pull-request-review-menu .form-actions,
      .pull-request-suggested-changes-menu .form-actions {
        border-radius: 0 0 3px 3px;
      }

      .pull-request-review-menu .preview-content,
      .pull-request-suggested-changes-menu .preview-content {
        max-height: 365px;
      }

      .pull-request-review-menu .comment-body,
      .pull-request-suggested-changes-menu .comment-body {
        border-bottom: 0 !important;
      }

      .pull-request-suggested-changes-menu {
        padding: 8px;
        width: 500px;
      }

      .review-thread {
        border: 1px solid #e1e4e8;
        border-radius: 3px;
      }

      .review-thread:not(:last-child) {
        margin-bottom: 16px;
      }

      .review-comment-contents {
        margin-left: 44px;
      }

      .review-comment-contents .timestamp {
        color: inherit;
        white-space: nowrap;
      }

      .review-comment-loader:after,
      .review-comment.is-comment-editing:after,
      .review-comment:after {
        background-color: #f6f8fa;
        content: '';
        height: 100%;
        left: 29px;
        position: absolute;
        top: 31px;
        width: 3px;
        z-index: -1;
      }

      .review-comment {
        padding: 8px 16px;
        position: relative;
      }

      .review-comment:first-child {
        padding-top: 16px;
      }

      .review-comment:last-child {
        padding-bottom: 16px;
      }

      .review-comment .comment-body,
      .review-comment .comment-reactions {
        padding: 0;
      }

      .review-comment .comment-body {
        padding-top: 4px;
      }

      .review-comment
        .comment-body
        .suggested-change-form-container:nth-last-of-type(2) {
        margin-bottom: 0 !important;
      }

      .review-comment .comment-reactions {
        border-top: 0;
        margin-top: 5px;
      }

      .review-comment .comment-reactions .add-reaction-btn {
        padding: 4px 10px;
      }

      .review-comment .comment-reactions.has-reactions {
        margin-top: 12px;
      }

      .review-comment .add-reaction-popover.dropdown-menu-sw,
      .review-comment .show-more-popover.dropdown-menu-sw {
        margin-top: 5px;
        right: -5px;
      }

      .review-comment .add-reaction-popover.dropdown-menu-ne {
        left: 9px;
      }

      .review-comment .reaction-summary-item:not(.add-reaction-btn) {
        border: 1px solid #d2dff0;
        border-radius: 3px;
        font-size: 12px;
        line-height: 26px;
        padding: 0 8px;
      }

      .review-comment .reaction-summary-item:not(.add-reaction-btn) .emoji {
        font-size: 16px;
        vertical-align: sub;
      }

      .review-comment
        .reaction-summary-item:not(.add-reaction-btn)
        + .reaction-summary-item {
        margin-left: 8px;
      }

      .review-comment:last-child .review-comment-contents:after,
      .review-comment:last-child:after {
        display: none;
      }

      .review-comment .timeline-comment-action {
        padding: 0 5px;
      }

      .review-comment .timeline-comment-label {
        float: none;
        margin-left: 4px;
        margin-top: 0;
      }

      .review-comment .pending-batched-suggestion-label {
        background-color: #fffdef;
        border-color: #d9d0a5;
        color: #b08800;
        margin-right: auto;
      }

      .review-comment .is-comment-editing {
        background-color: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 3px;
        position: relative;
      }

      .review-comment .is-comment-editing:after {
        bottom: 0;
        height: 20px;
        left: 19px;
        top: 100%;
      }

      .review-comment .is-comment-editing .edit-comment-hide,
      .review-comment .is-comment-editing .timeline-comment-actions {
        display: none;
      }

      .review-comment .is-comment-editing .previewable-comment-form {
        display: block;
      }

      .review-comment.is-comment-loading .previewable-comment-form {
        opacity: 0.5;
      }

      .review-comment.is-comment-stale .comment-form-stale {
        display: block;
      }

      .discussion-item-body .outdated-comment .hide-outdated-button,
      .timeline-comment.is-comment-editing .discussion-item-header {
        display: none;
      }

      .discussion-item-body .outdated-comment.file {
        margin: 4px 0;
      }

      .discussion-item-body .outdated-comment .file-header {
        border-bottom: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      .discussion-item-body .outdated-comment[open] .hide-outdated-button {
        display: block;
      }

      .discussion-item-body .outdated-comment[open] .show-outdated-button {
        display: none;
      }

      .discussion-item-body .outdated-comment[open] .file-header {
        border-bottom: 1px solid #e1e4e8;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .discussion-item-body .outdated-comment .blob-code {
        position: static;
      }

      .discussion-item-body .outdated-comment-label {
        height: 26px;
        line-height: 25px;
        margin-top: 3px;
      }

      .discussion-item-body .outdated-comment-label .octicon {
        top: 1px;
      }

      .review-thread-reply {
        background-color: #f6f8fa;
        border-radius: 0 0 3px 3px;
        border-top: 1px solid #e1e4e8;
        padding: 8px 16px;
      }

      .discussion-item-review .review-thread-reply {
        border-width: 1px 0 0;
        margin-bottom: 0;
      }

      .review-thread-reply .inline-comment-form {
        background-color: #fff;
        border: 0;
        margin: -8px -16px;
      }

      .review-thread-reply-button {
        cursor: text;
        display: inline-block;
        margin-left: 8px;
        min-height: 28px;
        padding: 3px 8px;
      }

      .review-summary-form-wrapper {
        background-color: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 3px;
        display: none;
        margin-bottom: 24px;
        margin-left: -20px;
      }

      .is-comment-editing .review-summary-form-wrapper,
      .is-pending .review-summary-form-wrapper {
        display: block;
      }

      .is-pending .review-summary-form-wrapper {
        border-color: #d9d0a5;
      }

      .tooltipped-left:after {
        left: 0;
        right: auto;
      }

      .tooltipped-left:before {
        left: 0;
        right: auto;
      }

      .diffstat-summary {
        border-radius: 3px;
        color: #586069;
        font-size: 16px;
        line-height: 1.8;
        padding: 0 20px 0 0;
        text-align: left;
        vertical-align: middle;
      }

      .diffstat-summary a {
        color: #555;
      }

      .diffstat-summary strong {
        color: #333;
      }

      .authors-and-code .insertions {
        color: #28a745;
      }

      .authors-and-code .deletions {
        color: #cb2431;
      }

      .authors-and-code .section {
        display: table-cell;
        height: 150px;
        width: 459px;
      }

      .pulse-authors-graph {
        height: 150px;
        position: relative;
      }

      .pulse-authors-graph > svg {
        width: 100%;
      }

      .pulse-authors-graph .dots {
        height: 64px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 40px;
        width: 64px;
      }

      .pulse-authors-graph .bar rect {
        fill: #f66a0a;
        fill-opacity: 0.7;
      }

      .pulse-authors-graph .bar rect:hover {
        fill-opacity: 1;
      }

      .summary-stats {
        display: table;
        table-layout: fixed;
        width: 100%;
      }

      .summary-stats li {
        border-left: 1px solid #e1e4e8;
        color: #586069;
        display: table-cell;
        text-align: center;
      }

      .summary-stats li a {
        color: #586069;
        display: block;
        padding-bottom: 10px;
        text-decoration: none;
      }

      .summary-stats li a:hover {
        background: #fafafa;
      }

      .summary-stats li .octicon-git-pull-request {
        color: #6f42c1;
      }

      .summary-stats li .octicon-git-branch {
        color: #28a745;
      }

      .summary-stats li .octicon-issue-closed {
        color: #cb2431;
      }

      .summary-stats li .octicon-issue-opened {
        color: #28a745;
      }

      .summary-stats li:first-child {
        border-bottom-left-radius: 3px;
        border-left: 0;
      }

      .summary-stats li .num {
        color: #000;
        display: block;
        font-size: 16px;
        font-weight: 600;
        padding-top: 10px;
      }

      .pulse-sections {
        clear: both;
        margin-top: 20px;
      }

      .pulse-section {
        clear: both;
        color: #666;
        font-size: 14px;
        padding: 0;
      }

      .pulse-section p {
        margin-top: 20px;
      }

      .readme.contributing > div {
        max-height: 250px;
        overflow: auto;
      }

      .readme .markdown-body,
      .readme .plain {
        word-wrap: break-word;
      }

      .readme .plain pre {
        font-size: 15px;
        white-space: pre-wrap;
      }

      .file .readme .markdown-body {
        border: 0;
        border-radius: 0;
        padding: 45px;
      }

      .file .readme table[data-table-type='yaml-metadata'] {
        font-size: 12px;
        line-height: 1;
      }

      .file .readme table[data-table-type='yaml-metadata'] table {
        margin: 0;
      }

      .release-timeline-tags .tag-timeline-date:after {
        background-color: #e1e4e8;
        border: 2px solid #fff;
        border-radius: 6px;
        box-sizing: border-box;
        content: ' ';
        display: block;
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: -7px;
        top: 50%;
        width: 12px;
        z-index: 10;
      }

      .release-timeline-tags.is-collapsed .expander {
        display: block !important;
      }

      .release-timeline-tags.is-collapsed > .collapsable {
        display: none;
      }

      .Label--draft {
        border-color: #d73a49;
        color: #cb2431;
      }

      .Label--prerelease {
        border-color: #f66a0a;
        color: #f66a0a;
      }

      .uploaded-files {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .uploaded-files.not-populated + .drop-target p {
        border-top: 1px #c3c8cf;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .uploaded-files.is-populated {
        border: 1px solid;
        border-color: #ddd #ddd #e5e5e5;
      }

      .uploaded-files.is-populated + .drop-target p {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .uploaded-files > li.delete {
        background: #f9f9f9;
      }

      .uploaded-files > li.delete:nth-child(2) {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .uploaded-files > li.delete .delete-pending {
        display: block !important;
      }

      .uploaded-files > li.delete .live {
        display: none !important;
      }

      .uploaded-files > li:nth-child(2) {
        border-top: 0 !important;
      }

      .uploaded-files .remove:hover {
        color: #cb2431 !important;
      }

      .upload-progress {
        border-radius: 30px;
        box-shadow: 0 1px 1px #fff, inset 0 1px 1px hsla(0, 0%, 100%, 0.5);
        height: 3px;
        margin-top: 3px;
      }

      .upload-progress .upload-meter {
        background-image: linear-gradient(#8dd2f7, #58b8f4);
        border-radius: 30px;
      }

      .release-entry {
        border-bottom: 1px solid #e1e4e8;
      }

      .release-entry:last-child {
        border-bottom: 0;
      }

      @media (min-width: 768px) {
        .release-tag-field {
          width: 130px !important;
        }

        .release-main-section {
          border-left: 2px solid #e1e4e8;
        }

        .release-entry {
          border-bottom: 0;
        }
      }

      .repo-file-upload-progress {
        background: #f7fbfe;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: inset 0 0 0 1px #d0dbe7;
        color: #246;
        height: 0;
        overflow: hidden;
        position: relative;
        transition: height 0.2s ease-out;
      }

      .repo-file-upload-progress.active {
        height: 50px;
      }

      .repo-file-upload-progress.is-file-list {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .repo-file-upload-progress .repo-file-upload-meter {
        background: #d8e8f7;
        height: 48px;
        left: 1px;
        position: absolute;
        top: 1px;
        width: 0;
      }

      .repo-file-upload-progress .repo-file-upload-meter-text {
        left: 10px;
        position: absolute;
        top: 7px;
      }

      .repo-file-upload-progress
        .repo-file-upload-meter-text
        .repo-file-upload-info {
        display: block;
        font-weight: 600;
      }

      .repo-file-upload-progress
        .repo-file-upload-meter-text
        .repo-file-upload-meter-filename {
        display: block;
        margin: 0;
      }

      .manifest-commit-form {
        margin-top: 20px;
      }

      .repo-file-upload-outline {
        height: 100%;
        width: 100%;
      }

      .repo-file-upload-target {
        color: #666;
        padding-bottom: 80px;
        padding-top: 100px;
        position: relative;
      }

      .repo-file-upload-target.is-progress-bar,
      .repo-file-upload-target.is-uploading {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .repo-file-upload-target.is-file-list {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .repo-file-upload-target.is-default .repo-file-upload-text.initial-text,
      .repo-file-upload-target.is-failed .repo-file-upload-text.initial-text,
      .repo-file-upload-target.is-uploading
        .repo-file-upload-text.initial-text {
        display: none;
      }

      .repo-file-upload-target.is-default .repo-file-upload-text.alternate-text,
      .repo-file-upload-target.is-failed .repo-file-upload-text.alternate-text,
      .repo-file-upload-target.is-uploading
        .repo-file-upload-text.alternate-text {
        display: block;
      }

      .repo-file-upload-target.is-default.dragover .repo-file-upload-text,
      .repo-file-upload-target.is-failed.dragover .repo-file-upload-text,
      .repo-file-upload-target.is-uploading.dragover .repo-file-upload-text {
        display: none;
      }

      .repo-file-upload-target .repo-file-upload-text.initial-text {
        display: block;
      }

      .repo-file-upload-target .repo-file-upload-text.alternate-text {
        display: none;
      }

      .repo-file-upload-target .repo-file-upload-drop-text,
      .repo-file-upload-target .repo-file-upload-text {
        margin-bottom: 5px;
      }

      .repo-file-upload-target .repo-file-upload-choose {
        display: inline-block;
        font-size: 18px;
        margin-top: 0;
      }

      .repo-file-upload-target .manual-file-chooser {
        margin-left: 0;
      }

      .repo-file-upload-target .repo-file-upload-outline {
        height: 94%;
        left: 1%;
        position: absolute;
        top: 3%;
        width: 98%;
      }

      .repo-file-upload-target.is-bad-file .repo-file-upload-outline,
      .repo-file-upload-target.is-empty .repo-file-upload-outline,
      .repo-file-upload-target.is-failed .repo-file-upload-outline,
      .repo-file-upload-target.is-too-big .repo-file-upload-outline,
      .repo-file-upload-target.is-too-many .repo-file-upload-outline {
        height: 85%;
      }

      .repo-file-upload-target.dragover .repo-file-upload-text {
        display: none;
      }

      .repo-file-upload-target.dragover .repo-file-upload-choose {
        visibility: hidden;
      }

      .repo-file-upload-target.dragover .repo-file-upload-drop-text {
        display: block;
      }

      .repo-file-upload-target.dragover .repo-file-upload-outline {
        border: 6px dashed #ddd;
        border-radius: 5px;
      }

      .repo-file-upload-errors,
      .repo-file-upload-errors .error,
      .repo-file-upload-target .repo-file-upload-drop-text {
        display: none;
      }

      .is-bad-file .repo-file-upload-errors,
      .is-empty .repo-file-upload-errors,
      .is-failed .repo-file-upload-errors,
      .is-hidden-file .repo-file-upload-errors,
      .is-too-big .repo-file-upload-errors,
      .is-too-many .repo-file-upload-errors {
        background-color: #fff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 1px solid #e5e5e5;
        bottom: 0;
        display: block;
        left: 0;
        line-height: 1.5;
        padding: 5px 8px;
        position: absolute;
        right: 0;
        text-align: left;
      }

      .is-file-list .repo-file-upload-errors {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      .is-bad-file .repo-file-upload-errors .failed-request,
      .is-empty .repo-file-upload-errors .empty,
      .is-failed .repo-file-upload-errors .failed-request,
      .is-hidden-file .repo-file-upload-errors .hidden-file,
      .is-too-big .repo-file-upload-errors .too-big,
      .is-too-many .repo-file-upload-errors .too-many {
        display: inline-block;
      }

      .repo-file-upload-tree-target {
        background: radial-gradient(
          ellipse at center,
          #fff 0,
          hsla(0, 0%, 100%, 0.85) 65%,
          hsla(0, 0%, 100%, 0.85) 100%
        );
        color: #666;
        height: 100%;
        left: 0;
        opacity: 0;
        padding: 12px;
        position: fixed;
        top: 0;
        transition: visibility 0.2s, opacity 0.2s;
        visibility: hidden;
        width: 100%;
        z-index: 1000;
      }

      .repo-file-upload-tree-target .repo-file-upload-outline {
        border: 6px dashed #ddd;
        border-radius: 5px;
      }

      .dragover .repo-file-upload-tree-target {
        opacity: 1;
        visibility: visible;
      }

      .dragover .repo-file-upload-tree-target .repo-file-upload-slate {
        opacity: 1;
        top: 50%;
      }

      .dragover .repo-file-upload-tree-target .files-lg > .file-graph {
        opacity: 1;
        transform: translateX(4px);
      }

      .dragover .repo-file-upload-tree-target .files-lg > .file-zip {
        opacity: 1;
        transform: translateX(9px);
      }

      .dragover .repo-file-upload-tree-target .files-lg > .file-generic {
        opacity: 1;
        transform: translateX(-4px);
      }

      .dragover .repo-file-upload-tree-target .files-lg > .file-acrobat {
        opacity: 1;
        transform: translateX(-9px);
      }

      .repo-file-upload-slate {
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
      }

      .repo-file-upload-slate h2 {
        margin-top: 5px;
      }

      .repo-file-upload-slate .file-graph {
        transform: translateX(50px);
      }

      .repo-file-upload-slate .file-graph,
      .repo-file-upload-slate .file-zip {
        opacity: 0;
        transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.12s,
          transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.12s;
      }

      .repo-file-upload-slate .file-zip {
        transform: translateX(90px);
      }

      .repo-file-upload-slate .file-generic {
        transform: translateX(-50px);
      }

      .repo-file-upload-slate .file-acrobat,
      .repo-file-upload-slate .file-generic {
        opacity: 0;
        transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.12s,
          transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.12s;
      }

      .repo-file-upload-slate .file-acrobat {
        transform: translateX(-90px);
      }

      .repo-file-upload-file-wrap .name {
        color: #888;
      }

      .repo-file-upload-file-wrap .actions {
        padding-right: 10px;
        text-align: right;
        width: 50px;
      }

      .repo-file-upload-file-wrap .remove-file {
        color: #888;
      }

      .repo-file-upload-file-wrap .remove-file:hover {
        color: #666;
      }

      .repo-upload-breadcrumb {
        margin-bottom: 18px;
      }

      .labels-list .blankslate {
        display: none;
      }

      .labels-list.is-empty .blankslate,
      .labels-list .table-list-header {
        display: block;
      }

      .labels-list.is-empty .table-list-header {
        display: none;
      }

      .labels-list-item .table-list-cell {
        width: 100%;
      }

      .label-description {
        padding: 8px 16px;
      }

      .labels-list-action {
        color: #586069;
        display: block;
        float: left;
        padding: 8px 10px;
      }

      .labels-list-action .octicon {
        margin-right: 2px;
      }

      .labels-list-action .octicon-pencil {
        font-size: 14px;
      }

      .sidebar-labels .sidebar-labels-style {
        margin-top: 3px;
      }

      .label-select-menu-item .g-emoji {
        font-size: 12px;
        line-height: 1;
        vertical-align: baseline;
      }

      .new-label {
        background-color: #fafbfc;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        margin-bottom: 15px;
        padding: 10px;
      }

      .new-label .label-edit:before {
        content: '';
        display: table;
      }

      .new-label .label-edit:after {
        clear: both;
        content: '';
        display: table;
      }

      .label-edit:before {
        content: '';
        display: table;
      }

      .label-edit:after {
        clear: both;
        content: '';
        display: table;
      }

      .label-edit label {
        display: block;
        margin-bottom: 8px;
      }

      .label-edit .error {
        color: red;
        float: left;
        margin-left: 10px;
        margin-top: 8px;
      }

      .label-edit.is-valid .octicon-check,
      .label-edit.loading {
        display: block;
      }

      .label-characters-remaining {
        color: #586069;
      }

      .emoji-size-boost .IssueLabel .g-emoji {
        font-size: 1.15em;
        line-height: 1.1;
        top: 0;
      }

      .repo-list,
      .repo-list-item {
        position: relative;
      }

      .repo-list-item {
        border-bottom: 1px solid #eee;
        list-style: none;
        padding-bottom: 30px;
        padding-top: 30px;
      }

      .repo-list-item-with-avatar {
        padding-left: 42px;
      }

      .repo-list-item-hanging-avatar {
        float: left;
        margin-left: -42px;
      }

      .mini-repo-list-item {
        border-top: 1px solid #d1d5da;
        display: block;
        font-size: 14px;
        padding: 6px 64px 6px 30px;
        position: relative;
      }

      .mini-repo-list-item:hover {
        text-decoration: none;
      }

      .mini-repo-list-item:hover .owner,
      .mini-repo-list-item:hover .repo {
        text-decoration: underline;
      }

      .mini-repo-list-item .repo-icon {
        color: #666;
        float: left;
        margin-left: -20px;
        margin-top: 2px;
      }

      .mini-repo-list-item .repo-and-owner {
        max-width: 220px;
      }

      .mini-repo-list-item .owner {
        max-width: 110px;
      }

      .mini-repo-list-item .repo {
        font-weight: 600;
      }

      .mini-repo-list-item .stars {
        color: #6a737d;
        font-size: 12px;
        margin-top: 6px;
        position: absolute;
        right: 10px;
        top: 0;
      }

      .mini-repo-list-item .repo-description {
        color: #586069;
        display: block;
        font-size: 12px;
        line-height: 21px;
        max-width: 100%;
      }

      .private .mini-repo-list-item {
        background-color: #fffdef;
      }

      .private .mini-repo-list-item .repo-icon {
        color: rgba(27, 31, 35, 0.7);
      }

      .filter-bar {
        background-color: #fafbfc;
        border-bottom: 1px solid #e5e5e5;
        padding: 10px;
      }

      .filter-bar:before {
        content: '';
        display: table;
      }

      .filter-bar:after {
        clear: both;
        content: '';
        display: table;
      }

      .user-repos .filter-bar {
        text-align: center;
      }

      .url-box {
        border-top: 1px solid #ddd;
        height: 26px;
        margin-left: -10px;
        margin-top: 10px;
        padding: 10px 10px 0;
        width: 100%;
      }

      .url-box p {
        float: left;
        height: 26px;
        line-height: 26px;
        margin: 0 0 0 5px;
      }

      .url-box p strong {
        color: #000;
      }

      .clone-url-button {
        display: table-cell;
        vertical-align: top;
        width: 1%;
      }

      .clone-url-button:first-child .clone-url-link {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
      }

      .clone-url-button > .clone-url-link {
        background-image: linear-gradient(#fafafa, #eaeaea);
        border: 1px solid #ccc;
        color: #333;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-weight: 600;
        line-height: 26px;
        margin-right: -1px;
        padding: 0 9px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
      }

      .clone-url-button > .clone-url-link:active,
      .clone-url-button > .clone-url-link:hover {
        background-image: linear-gradient(#599bcd, #3072b3);
        border-color: #2a65a0;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        z-index: 3;
      }

      .clone-url-button > .clone-url-link:active {
        background-color: #3072b3;
        background-image: none;
        border-color: #25588c;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
      }

      .clone-url-button > .clone-url-link:focus {
        outline: 0;
      }

      .clone-url-button + .clone-url-button > .clone-url-link {
        box-shadow: inset 1px 0 0 #fff;
      }

      .clone-url-button + .clone-url-button > .clone-url-link:hover {
        box-shadow: none;
      }

      .clone-url-button + .clone-url-button > .clone-url-link:active {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
      }

      .clone-url-button.selected > .clone-url-link,
      .clone-url-button.selected > .clone-url-link:hover {
        background-color: #ccc;
        background-image: linear-gradient(#ccc, #d5d5d5);
        border-color: #bbb;
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.075);
        color: #333;
        text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.6);
        z-index: 2;
      }

      .url-box-clippy .zeroclipboard-button {
        border-left: 0;
        border-radius: 0 3px 3px 0;
        margin-left: 0 !important;
      }

      .repository-og-image {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 320px;
        object-fit: cover;
        object-position: center;
        width: 640px;
      }

      .repository-import .repository-import-label {
        display: block;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 8px;
      }

      .repository-import .state-header {
        font-size: 16px;
      }

      .text-yellow {
        color: rgba(115, 92, 15, 0.5);
      }

      .timeout {
        background-color: transparent;
        border: 0;
        height: 300px;
        margin: 20px 0;
        padding: 0;
        width: auto;
      }

      .timeout h3 {
        color: #586069;
        padding-top: 100px;
      }

      .overall-summary {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
        margin-bottom: 10px;
        position: relative;
      }

      .overall-summary-bottomless {
        border-bottom: 0;
        border-radius: 3px 3px 0 0;
        margin-bottom: 0;
      }

      .numbers-summary {
        display: table;
        table-layout: fixed;
        width: 100%;
      }

      .numbers-summary li {
        display: table-cell;
        padding: 0;
        text-align: center;
        white-space: nowrap;
      }

      .numbers-summary .nolink,
      .numbers-summary a {
        color: #586069;
        display: block;
        padding: 10px 0;
        text-decoration: none;
      }

      .numbers-summary .octicon {
        color: #6a737d;
      }

      .numbers-summary a:hover {
        color: #0366d6;
      }

      .numbers-summary a:hover .num {
        color: inherit;
      }

      .repo-language-color {
        border-radius: 50%;
        display: inline-block;
        height: 12px;
        position: relative;
        top: 1px;
        width: 12px;
      }

      .experiment-repo-nav .capped-cards .capped-card {
        width: 480px;
      }

      .experiment-repo-nav.repohead .repo-mirror {
        padding-left: 20px;
      }

      .iconbutton .octicon {
        margin-right: 0;
      }

      .file-navigation:before {
        content: '';
        display: table;
      }

      .file-navigation:after {
        clear: both;
        content: '';
        display: table;
      }

      .file-navigation.in-mid-page {
        margin-top: 16px;
      }

      .file-navigation .select-menu-button .css-truncate-target {
        max-width: 200px;
      }

      .file-navigation .branch-select-menu {
        margin-bottom: 10px;
        margin-right: 6px;
      }

      .file-navigation .new-pull-request-btn {
        float: left;
      }

      .file-navigation .breadcrumb {
        float: left;
        font-size: 16px;
        line-height: 26px;
        margin-left: 5px;
        margin-top: 0;
      }

      .file-navigation + .breadcrumb {
        margin-bottom: 10px;
      }

      .file-navigation .BtnGroup {
        margin-bottom: 10px;
        margin-left: 10px;
      }

      .file-navigation .get-repo-select-menu {
        margin-left: 6px;
      }

      .file-navigation .get-repo-modal {
        top: 6px;
        width: 352px;
      }

      .file-navigation .get-repo-modal .https-clone-options {
        display: block;
      }

      .file-navigation .get-repo-modal.on .https-clone-options,
      .file-navigation .get-repo-modal .ssh-clone-options {
        display: none;
      }

      .file-navigation .get-repo-modal .get-repo-modal-options,
      .file-navigation .get-repo-modal.on .ssh-clone-options {
        display: block;
      }

      .file-navigation .get-repo-modal.is-downloading .get-repo-modal-options {
        display: none;
      }

      .file-navigation .get-repo-modal .animated-ellipsis-container {
        height: 16px;
        width: 16px;
      }

      .file-navigation
        .get-repo-modal
        .animated-ellipsis-container
        > .animated-ellipsis {
        animation: ellipsis 1s infinite;
      }

      @keyframes ellipsis {
        0% {
          width: 2px;
        }

        to {
          width: 16px;
        }
      }

      .file-navigation .btn-change-protocol {
        font-size: 12px;
      }

      .file-navigation .get-repo-decription-text {
        font-size: 13px;
      }

      .file-navigation .get-repo-btn {
        border: 0;
        border-radius: 0;
        border-top: 1px solid #e1e4e8;
        float: left;
        padding: 10px 0;
        text-align: center;
        width: 50%;
      }

      .file-navigation .get-repo-btn:first-child {
        border-bottom-left-radius: 3px;
        border-right: 1px solid #e1e4e8;
      }

      .file-navigation .get-repo-btn:first-child:nth-last-child(3) {
        border-radius: 0;
      }

      .file-navigation .get-repo-btn:last-child {
        border-bottom-right-radius: 3px;
      }

      .file-navigation .get-repo-btn.btn-block,
      .file-navigation .get-repo-btn:only-child {
        border-radius: 0 0 3px 3px;
        border-right: 0;
        width: 100%;
      }

      .file-navigation .clone-options {
        padding: 8px 16px 16px;
      }

      .file-wrap {
        border: 1px solid #dfe2e5;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 0;
        margin-bottom: 10px;
      }

      .file-wrap .include-fragment-error {
        display: none;
      }

      .file-wrap.is-error .include-fragment-error {
        display: table-row;
      }

      table.files {
        background: #fff;
        border-radius: 2px;
        width: 100%;
      }

      table.files tr.navigation-focus td,
      table.files tr[aria-selected='true'] td {
        background: #f6f8fa;
      }

      table.files td {
        border-top: 1px solid #eaecef;
        line-height: 20px;
        padding: 6px 3px;
      }

      table.files td.icon {
        color: rgba(3, 47, 98, 0.55);
        padding-left: 10px;
        padding-right: 2px;
        width: 17px;
      }

      table.files td.icon .octicon-file-directory {
        color: rgba(3, 47, 98, 0.5);
      }

      table.files td.icon .spinner {
        display: none;
        margin-left: -2px;
        margin-top: -3px;
        position: relative;
        top: 3px;
      }

      table.files td .simplified-path {
        color: #6a737d;
      }

      table.files td .css-truncate {
        max-width: 100%;
      }

      table.files td.content {
        max-width: 180px;
      }

      table.files td.message {
        color: #6a737d;
        max-width: 442px;
        overflow: hidden;
        padding-left: 10px;
      }

      table.files td.message .emoji {
        vertical-align: top;
      }

      table.files td.message a {
        color: #6a737d;
      }

      table.files td.message a:hover {
        color: #0366d6;
      }

      table.files td.age {
        color: #6a737d;
        padding-right: 10px;
        text-align: right;
        white-space: nowrap;
        width: 125px;
      }

      table.files .message .tooltipped:after,
      table.files .message .tooltipped:before {
        display: none;
      }

      table.files tr.is-loading td.icon .octicon {
        display: none;
      }

      table.files tr.is-loading td.icon .spinner {
        display: inline-block;
      }

      table.files tr.up-tree {
        border-bottom: 1px solid #eaecef;
        border-top: 1px solid #eaecef;
      }

      table.files tr.up-tree a {
        border-radius: 2px;
        font-weight: 600;
        margin-left: -3px;
        padding: 3px 6px;
      }

      table.files tr.up-tree a:hover {
        background-color: #dfe2e5;
      }

      table.files tbody tr:first-child td {
        border-top: 0;
      }

      .branch-infobar {
        background-color: #fafbfc;
        border: solid #dfe2e5;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-width: 1px 1px 0;
        color: #586069;
        padding: 8px;
      }

      .branch-infobar:before {
        content: '';
        display: table;
      }

      .branch-infobar:after {
        clear: both;
        content: '';
        display: table;
      }

      .branch-infobar .muted-link {
        display: inline-block;
        margin-left: 10px;
      }

      .branch-infobar .muted-link .octicon {
        color: #959da5;
      }

      .branch-infobar .muted-link:hover .octicon {
        color: inherit;
      }

      .spinner-forking {
        display: block;
        margin: 20px auto 40px;
      }

      .prereceive-feedback {
        border: 1px solid #dfe2e5;
        border-left: 3px solid #caa21a;
        border-radius: 3px;
        margin-bottom: 16px;
        padding: 16px;
      }

      .prereceive-feedback-heading {
        color: #b08800;
        margin-bottom: 10px;
        margin-top: 0;
      }

      .file-navigation-options {
        float: right;
        margin-left: 3px;
      }

      .file-navigation-options.active .dropdown-menu-content {
        display: block;
      }

      .file-navigation-options .dropdown-menu {
        padding: 16px;
        width: 360px;
      }

      .file-navigation-options .dropdown-divider {
        margin: 0;
      }

      .file-navigation-option {
        display: inline-block;
        margin-left: 3px;
        position: relative;
      }

      .file-navigation-option .select-menu {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 0;
        vertical-align: middle;
      }

      .file-navigation-option .select-menu-button .octicon:only-child {
        margin-left: 2px;
      }

      .file-navigation-option .zeroclipboard-button {
        padding-right: 8px;
      }

      .file-navigation-option .input-group {
        width: 290px;
      }

      .file-navigation-option .input-group .form-control {
        border-radius: 0;
        height: 28px;
        margin-left: -1px;
        margin-right: -1px;
        min-height: 0;
        width: calc(100% + 2px);
      }

      .file-navigation-option .input-group .select-menu-button {
        position: relative;
        z-index: 2;
      }

      .profile-picture {
        margin: 10px 0 0;
      }

      .profile-picture > p {
        float: left;
        line-height: 30px;
        margin: 0;
      }

      .profile-picture > img {
        border-radius: 3px;
        float: left;
        margin: 0 10px 0 0;
      }

      .app-owner {
        margin: 15px 0 0;
      }

      .edit-profile-avatar {
        width: 200px;
      }

      .edit-profile-avatar .drag-and-drop {
        border-width: 0;
        color: #666;
        padding: 0;
      }

      .edit-profile-avatar input {
        cursor: pointer;
      }

      .edit-profile-avatar.is-bad-file {
        border: 0;
      }

      .edit-profile-avatar .manual-file-chooser {
        cursor: pointer;
        height: 34px;
        left: 0;
        padding: 0;
        position: absolute;
        top: 0;
      }

      .profile-picture-spinner {
        background-image: url(/images/spinners/octocat-spinner-128.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 64px 64px;
      }

      .avatar-upload .flash {
        border: 1px dashed #d73a49;
        box-shadow: none;
        padding: 30px 15px;
        width: 100%;
      }

      .avatar-upload .upload-state {
        display: none;
        padding: 10px 0;
      }

      .avatar-upload .upload-state p {
        color: #586069;
        font-size: 12px;
        margin: 0;
      }

      .avatar-upload .avatar-upload .octicon {
        display: inline-block;
      }

      .is-uploading .avatar-upload .loading {
        display: block;
        padding: 0;
      }

      .is-uploading .avatar-upload .loading img {
        vertical-align: top;
      }

      .is-uploading .avatar-upload .button-change-avatar {
        display: none;
      }

      .is-bad-dimensions .avatar-upload .bad-dimensions,
      .is-bad-file .avatar-upload .bad-file,
      .is-bad-format .avatar-upload .bad-format,
      .is-empty .avatar-upload .file-empty,
      .is-failed .avatar-upload .failed-request,
      .is-too-big .avatar-upload .too-big {
        display: block;
        margin: 0;
      }

      dl.new-email-form {
        border-top: 1px solid #e5e5e5;
        margin: 0 -10px 10px;
        padding: 10px 10px 0;
      }

      .email-actions {
        float: right;
      }

      .email-actions > span {
        float: left;
      }

      .email-actions form {
        display: inline;
      }

      .email-actions span.label {
        color: #586069;
        font-size: 13px;
        padding: 0 10px;
      }

      .email-actions .octicon-alert {
        color: #ca5633;
      }

      .boxed-group .fork-flag {
        color: #586069;
        font-size: 12px;
        margin-left: 16px;
      }

      .selected-user-key {
        background-color: #fffdef;
      }

      .user-key-type {
        padding-left: 10px;
        padding-right: 20px;
        text-align: center;
      }

      .user-key-badge {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: block;
        font-size: 12px;
        line-height: 1.4;
        margin-top: 3px;
        padding-left: 5px;
        padding-right: 5px;
      }

      .user-key-email-badge {
        display: inline-table;
        margin-right: 4px;
      }

      .user-key-email {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: table-cell;
        font-size: 12px;
        line-height: 1.4;
        padding: 1px 5px;
      }

      .user-key-email.unverified {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }

      .user-key-email-unverified {
        background-color: #ecebec;
        border: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-left: 0;
        border-top-right-radius: 3px;
        color: #666;
        display: table-cell;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
      }

      .user-key-details {
        line-height: 1.6;
        white-space: normal;
        width: 400px;
      }

      .user-key-details code {
        font-size: 13px;
      }

      .recent-user-key {
        color: #28a745;
      }

      .recent-user-key-access {
        color: #1e7e34;
      }

      .unverified-user-key,
      .unverified-user-key-notice {
        color: #cb2431;
      }

      .notification-center .overview {
        border-bottom: 1px solid #ddd;
        padding: 0 10px 10px;
      }

      .oauth-app-info-container .float-left-container {
        float: left;
        text-align: left;
      }

      .oauth-app-info-container .float-right-container {
        float: right;
        text-align: right;
      }

      .oauth-app-info-container dl.keys {
        margin: 10px 0;
      }

      .oauth-app-info-container dl.keys dt {
        color: #586069;
        font-weight: 600;
        margin-top: 10px;
      }

      .oauth-app-info-container dl.keys dd {
        color: #333;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
      }

      .oauth-app-info-container .user-count {
        color: #586069;
        font-size: 30px;
        font-weight: 300;
      }

      .logo-uploader-container {
        display: block;
      }

      .logo-upload {
        display: inline-block;
        position: relative;
      }

      .logo-upload a.delete,
      .logo-upload span.delete {
        display: none;
        left: 88px;
        padding: 8px 10px;
        position: absolute;
      }

      .logo-upload a.delete:hover,
      .logo-upload span.delete:hover {
        color: #cb2431;
      }

      .logo-upload-container {
        display: inline-block;
      }

      .logo-upload-container .logo-upload-label .manual-file-chooser {
        cursor: pointer;
        height: 34px;
        left: 0;
        margin-left: 0;
        padding: 0;
        top: 0;
        width: 130px;
      }

      .logo-upload-container .upload-state {
        padding: 10px 0;
      }

      .logo-upload-container .upload-state p {
        color: #586069;
        font-size: 12px;
        margin: 0;
      }

      .logo-box {
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 3px;
        display: inline-block;
        float: left;
        height: 120px;
        width: 120px;
      }

      .logo-box img {
        border-radius: 3px;
        display: none;
        height: 118px;
        width: 118px;
      }

      .logo-placeholder {
        color: #586069;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
      }

      .logo-placeholder p {
        font-size: 14px;
        margin: 0;
      }

      .has-uploaded-logo .logo-placeholder,
      .has-uploaded-logo .or {
        display: none;
      }

      .has-uploaded-logo:hover a.delete,
      .has-uploaded-logo:hover span.delete {
        display: block;
      }

      .has-uploaded-logo .logo-box img {
        display: block;
      }

      .saved-reply-form {
        border: 1px solid #ddd;
        border-radius: 3px;
      }

      .saved-reply-form .tabnav-tab.selected {
        border-radius: 3px 3px 0 0;
      }

      .saved-reply-form .form-actions {
        margin-bottom: 8px;
        margin-right: 10px;
      }

      .saved-reply-form .comment {
        border: 0;
      }

      .saved-reply-form .comment-body {
        background-color: transparent;
        border-bottom: 1px solid #eee;
        padding: 5px 5px 15px;
      }

      .saved-reply-settings-container.has-replies .listgroup {
        display: block;
      }

      .saved-reply-settings-container.has-replies .blankslate,
      .saved-reply-settings-container .listgroup {
        display: none;
      }

      .access-token {
        border-bottom: 1px solid #e5e5e5;
      }

      .access-token:last-child {
        border: 0;
      }

      .access-token .last-used {
        margin-right: 10px;
      }

      .access-token .zeroclipboard-link {
        display: inline-block;
        vertical-align: text-bottom;
      }

      .access-token.new-token {
        background-color: rgba(108, 198, 68, 0.1);
      }

      .access-token.new-token .octicon-check {
        color: #28a745;
      }

      .access-token .token-description {
        color: #24292e;
        max-width: 450px;
      }

      .access-token .token {
        font-size: 14px;
      }

      .regenerate-token-cta .btn-danger {
        margin-left: 30px;
      }

      .personal-access-tokens-group {
        padding: 0 10px;
      }

      .personal-access-tokens label {
        display: inline;
      }

      .personal-access-tokens label p {
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
      }

      .personal-access-tokens .child-scopes {
        list-style: none;
        margin-left: 20px;
      }

      .personal-access-tokens .child-scopes .token-scope {
        font-weight: 400;
        width: 180px;
      }

      .personal-access-tokens .child-scopes .child-scopes {
        margin-left: 0;
      }

      .token-scope {
        color: #24292e;
        display: inline-block;
        font-size: 13px;
        margin: 0;
        padding: 2px 0;
        width: 200px;
      }

      .token-scope input {
        margin-right: 5px;
      }

      .callback-urls dl dd .form-control {
        width: 100%;
      }

      .callback-urls.has-many .callback-url-action-cell {
        display: table-cell;
      }

      .callback-description {
        margin-top: 20px;
      }

      .callback-description .octicon {
        padding-left: 0;
      }

      .callback-url .label {
        display: none;
        text-align: center;
        width: 64px;
      }

      .callback-url.is-default-callback .label {
        display: inline-block;
      }

      .callback-url.is-default-callback .btn {
        display: none;
      }

      .callback-url-wrap {
        display: table;
        width: 100%;
      }

      .callback-url-field-cell {
        display: table-cell;
      }

      .callback-url-action-cell {
        display: none;
        text-align: right;
        width: 70px;
      }

      .boxed-group.application-show-group
        dl.form-group
        > dd
        .form-control.wide {
        width: 460px;
      }

      .boxed-group.application-show-group
        dl.form-group
        > dd
        .form-control.short {
        height: 50px;
        min-height: 50px;
      }

      .application-show-group .errored .note {
        display: none;
      }

      .application-show-group .drag-and-drop {
        background-color: transparent;
        border: 0;
        padding: 0;
        text-align: left;
      }

      .application-show-group .drag-and-drop img {
        margin-bottom: 1px;
        vertical-align: bottom;
      }

      .application-show-group .drag-and-drop span {
        padding: 0;
      }

      .application-show-group .dragover .logo-box {
        box-shadow: 0 0 3px #c9ff00;
      }

      .application-show-group .is-uploading .loading {
        display: inline-block;
      }

      .application-show-group .is-uploading .default {
        display: none;
      }

      .application-show-group .is-failed .failed-request {
        display: inline-block;
      }

      .application-show-group .is-failed .default {
        display: none;
      }

      .application-show-group .is-bad-file .bad-file {
        display: inline-block;
      }

      .application-show-group .is-bad-file .default {
        display: none;
      }

      .application-show-group .is-too-big .file-too-big {
        display: inline-block;
      }

      .application-show-group .is-too-big .default {
        display: none;
      }

      .application-show-group .is-bad-format .bad-format {
        display: inline-block;
      }

      .application-show-group .is-bad-format .default {
        display: none;
      }

      .application-show-group .is-default .default {
        display: block;
      }

      .post-recovery-token .create-recovery-token-error,
      .post-recovery-token .octospinner {
        display: none;
      }

      .post-recovery-token.failed .create-recovery-token-error,
      .post-recovery-token.loading .octospinner {
        display: block;
      }

      .security-history .security-history-timestamp {
        color: #586069;
        float: right;
      }

      table.security-history-detail {
        font-size: 12px;
        width: 100%;
      }

      table.security-history-detail td {
        max-width: 200px;
        word-wrap: break-word;
      }

      .settings-email .email-actions .settings-remove-email {
        color: #cb2431;
        cursor: pointer;
        float: right;
        line-height: 24px;
        margin-left: 5px;
        padding-left: 7px;
        padding-right: 7px;
      }

      .settings-email
        .email-actions
        .settings-remove-email.settings-disabled-remove-email {
        color: #6a737d;
        display: block;
      }

      .settings-email .octicon-info {
        margin-left: 5px;
      }

      .settings-email .css-truncate-target {
        max-width: 300px;
      }

      .email-preference-exceptions {
        font-size: 12px;
      }

      .email-preference-exceptions h5 {
        color: #666;
        margin: 15px 0 5px;
      }

      .email-preference-exceptions .exception-list {
        list-style: none;
      }

      .email-preference-exceptions .exception {
        border-top: 1px solid #eee;
        max-width: 400px;
        padding: 5px 5px 5px 0;
      }

      .email-preference-exceptions .exception:last-child {
        border-bottom: 1px solid #eee;
      }

      .email-preference-exceptions.opt-in-list {
        display: none;
      }

      .transactional-only .email-preference-exceptions.opt-in-list {
        display: block;
      }

      .transactional-only .email-preference-exceptions.opt-out-list {
        display: none;
      }

      .two-factor-intro {
        margin: 40px auto 0;
        width: 675px;
      }

      .two-factor-intro .two-factor-graphic {
        margin: 20px 0;
      }

      .two-factor-intro .two-factor-explain {
        font-size: 13px;
        list-style: none;
        margin: 0 0 40px;
        padding: 0;
      }

      .two-factor-intro .two-factor-explain li {
        float: left;
        margin: 0;
        padding: 0;
      }

      .two-factor-intro .two-factor-explain .step-one {
        margin-right: 36px;
        width: 185px;
      }

      .two-factor-intro .two-factor-explain .step-two {
        margin-right: 42px;
        width: 230px;
      }

      .two-factor-intro .two-factor-explain .step-three {
        width: 180px;
      }

      .two-factor-graphic {
        background-image: url(/images/modules/settings/2fa_guide.png);
        background-repeat: no-repeat;
        height: 135px;
        width: 675px;
      }

      .two-factor-recovery-codes {
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
          monospace;
        font-size: 21px;
        margin: 30px 0;
      }

      .two-factor-recovery-code-mark {
        color: #bbb;
        font-size: 24px;
        height: 24px;
        line-height: 16px;
        width: 24px;
      }

      .two-factor-recovery-code {
        display: inline-block;
        line-height: 1.6;
        text-align: center;
        width: 48%;
      }

      .two-factor-recovery-code:before {
        color: #d8d8d8;
        content: '\25CF';
        font-size: 10px;
        margin-right: 10px;
        position: relative;
        top: -3px;
      }

      .recovery-codes-saving-options {
        margin-left: 35px;
      }

      .recovery-codes-saving-options .recovery-code-save-button {
        margin-right: 15px;
        text-align: center;
        width: 115px;
      }

      .recovery-codes-warning {
        margin: 0 -15px;
      }

      .recovery-codes-warning .recovery-codes-warning-octicon {
        height: 40px;
        margin-right: 15px;
      }

      @media only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 2dppx),
        only screen and (min-resolution: 192dpi) {
        .two-factor-graphic {
          background-image: url(/images/modules/settings/2fa_guide@2x.png);
          background-size: 675px 135px;
        }
      }

      .btn-two-factor-state {
        min-width: 70px;
      }

      .sms-or-app {
        border-top: 1px solid #ddd;
        margin: 0;
        padding: 40px 0 0;
        width: 100%;
      }

      .sms-or-app:before {
        content: '';
        display: table;
      }

      .sms-or-app:after {
        clear: both;
        content: '';
        display: table;
      }

      .sms-or-app li {
        float: left;
        list-style: none;
        padding: 0;
        width: 325px;
      }

      .sms-or-app li:first-child {
        margin-right: 25px;
      }

      .sms-or-app li .btn {
        display: block;
        font-size: 15px;
        height: 100%;
        margin: 10px 0;
        padding-bottom: 12px;
        padding-top: 12px;
        text-align: center;
        width: 100%;
      }

      .sms-or-app small {
        font-size: 80%;
      }

      .app-only {
        padding: 20px 0 0;
      }

      .app-only li {
        float: none;
        width: auto;
      }

      .app-only li .btn {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
      }

      .two-factor-lead {
        font-size: 16px;
      }

      .two-factor-qr-code {
        text-align: center;
      }

      .two-factor-steps {
        border: 1px solid #eee;
        border-radius: 3px;
        margin: 30px 0;
        padding: 15px 15px 0;
      }

      .two-factor-steps .error-icon {
        color: #cb2431;
        left: 5px;
        position: relative;
        top: 2px;
      }

      .two-factor-steps .sent-message {
        color: #28a745;
        left: 5px;
        position: relative;
        top: 2px;
      }

      .container.two-factor-toggle {
        width: 700px;
      }

      .sms-country-code-field {
        padding-right: 10px;
      }

      .two-factor-toggle {
        margin-top: 40px;
      }

      .two-factor-toggle .two-factor-status {
        border-bottom: 1px solid #eaeaea;
        color: #586069;
        margin: 0 0 20px;
        padding: 20px 0;
      }

      .two-factor-toggle .two-factor-status p {
        margin: 0;
      }

      .two-factor-toggle .two-factor-status .btn {
        float: right;
        position: relative;
        top: -3px;
      }

      .two-factor-toggle .two-factor-on {
        background-color: #28a745;
        border-radius: 2px;
        color: #fff;
        margin-right: 5px;
        padding: 3px 5px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      }

      .two-factor-settings-group {
        border-bottom: 1px solid #ddd;
        margin: 0 0 20px;
        padding: 0 0 20px 220px;
        position: relative;
      }

      .two-factor-settings-group > h3 {
        font-size: 14px;
        left: 0;
        position: absolute;
        width: 200px;
      }

      .two-factor-settings-group > h3 .octicon {
        color: #cb2431;
        left: -24px;
        position: absolute;
      }

      .two-factor-settings-group li {
        line-height: 1.5;
        list-style: none;
      }

      .u2f-registrations {
        padding-left: 24px;
      }

      .u2f-registration {
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 8px;
        padding-bottom: 8px;
        position: relative;
      }

      .u2f-registration.is-sending .u2f-registration-delete {
        display: none;
      }

      .u2f-registration.is-sending .spinner {
        position: relative;
        top: 3px;
      }

      .u2f-registration-nickname {
        font-weight: 600;
      }

      .u2f-registration-icon {
        color: rgba(47, 38, 6, 0.5);
        left: -24px;
        position: absolute;
      }

      .new-u2f-registration {
        position: relative;
      }

      .new-u2f-registration .add-u2f-registration-form {
        display: none;
        margin-bottom: 10px;
      }

      .new-u2f-registration.is-active .add-u2f-registration-link {
        display: none;
      }

      .new-u2f-registration.is-active .add-u2f-registration-form {
        display: block;
      }

      .new-u2f-registration .u2f-request-error,
      .new-u2f-registration .u2f-request-interaction {
        display: none;
      }

      .new-u2f-registration.is-sending .u2f-request-interaction,
      .new-u2f-registration.is-showing-error .u2f-request-error {
        display: block;
      }

      .new-u2f-registration .u2f-error-icon {
        font-size: 64px;
      }

      .u2f-box .u2f-sorry {
        display: block;
      }

      .u2f-box.available .u2f-sorry,
      .u2f-box .new-u2f-registration {
        display: none;
      }

      .u2f-box.available .new-u2f-registration {
        display: block;
      }

      .github-access-banner {
        border: 1px solid #ddd;
        border-radius: 3px;
        font-size: 14px;
        margin: 0 0 20px;
        padding: 10px 20px 10px 70px;
        position: relative;
      }

      .github-access-banner .octicon {
        color: #cb2431;
        left: 20px;
        position: absolute;
        top: 20px;
      }

      .error-icon,
      .sent-message,
      .sms-error-message,
      .spinner {
        display: none;
      }

      .sms-error-message {
        margin-top: 15px;
      }

      .is-sending .spinner,
      .is-sent .sent-message {
        display: inline-block;
      }

      .is-not-sent .sms-error-message {
        display: block;
      }

      .is-not-sent .error-icon,
      .qr-code-table {
        display: inline-block;
      }

      .qr-code-table {
        border: 1px solid #eee;
        border-radius: 3px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
        margin: 30px auto;
        padding: 20px;
      }

      .qr-code-table tr {
        background: transparent;
        border: 0;
      }

      .qr-code-table td,
      .qr-code-table th {
        border: 0;
        padding: 0;
      }

      .qr-code-table td {
        height: 3px;
        width: 3px;
      }

      .qr-code-table .black {
        background: #000;
      }

      .qr-code-table .white {
        background: #fff;
      }

      .confirmation-phrase {
        font-style: italic;
        font-weight: 400;
      }

      .do-not-copy-me {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
      }

      .session-device {
        color: #586069;
        line-height: 18px;
        padding: 15px;
        position: relative;
      }

      .session-device .btn {
        float: right;
        margin-top: 4px;
      }

      .session-device .session-state-indicator {
        border-radius: 5px;
        float: left;
        height: 8px;
        margin-top: 10px;
        width: 8px;
      }

      .session-device .session-state-indicator.recent {
        background-color: #28a745;
        box-shadow: 0 0 10px rgba(108, 198, 68, 0.5);
      }

      .session-device .session-state-indicator.revoked {
        background-color: #d73a49;
        box-shadow: 0 0 10px rgba(198, 108, 68, 0.5);
      }

      .session-device .session-state-indicator.not-recent {
        background-image: linear-gradient(#aaa, #ccc);
        box-shadow: 0 1px 0 #fff;
      }

      .session-device .session-icon {
        color: #bbb;
        float: left;
        margin-left: 15px;
        margin-top: 1px;
        text-align: center;
        width: 32px;
      }

      .session-device .sessions-more-info {
        margin-top: 10px;
      }

      .session-details {
        margin-left: 70px;
      }

      .session-details:hover .octicon {
        color: #0366d6;
        cursor: pointer;
      }

      .session-details.open .sessions-more-info {
        display: block;
      }

      .collaborators .collab-list {
        border-bottom-width: 0;
      }

      .collaborators .collab-list-item:first-child .collab-list-cell {
        border-top-width: 0;
      }

      .collaborators .collab-list-cell {
        padding-bottom: 15px;
        padding-top: 15px;
        vertical-align: middle;
      }

      .collaborators .collab-meta {
        width: 140px;
      }

      .collaborators .collab-remove {
        padding-right: 20px;
        text-align: right;
      }

      .collaborators .collab-remove .remove-link {
        color: #586069;
      }

      .collaborators .collab-remove .remove-link:hover {
        color: #cb2431;
      }

      .collaborators .collab-team-link {
        width: 300px;
      }

      .collaborators .collab-team-link:hover {
        text-decoration: none;
      }

      .collaborators .collab-team-link .avatar {
        float: left;
        margin-right: 10px;
        margin-top: 1px;
      }

      .collaborators .collab-team-link.disabled {
        pointer-events: none;
      }

      .collaborators .collab-info {
        color: #666;
        height: 100%;
      }

      .collaborators .collab-info .description {
        margin-bottom: 3px;
        margin-top: 3px;
        overflow: hidden;
        padding-right: 50px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .collaborators .collab-info .collab-name {
        display: block;
        font-size: 14px;
      }

      .collaborators .collab-info .collab-message {
        display: block;
        position: relative;
        top: 25%;
      }

      .collaborators .copy-invite-modal {
        width: 352px;
      }

      .collaborators .cancel-invite-cell {
        padding-left: 0;
        width: 113px;
      }

      .access-sub-heading {
        color: #586069;
        float: right;
        font-weight: 400;
        line-height: 1.4;
      }

      .access-form-wrapper {
        background-color: #fcfcfc;
        border-radius: 0 0 3px 3px;
        border-top: 1px solid #ddd;
        padding: 10px;
      }

      .access-flash {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 8px;
      }

      .repo-access-group .blankslate {
        display: none;
      }

      .repo-access-group.is-empty .blankslate {
        display: block;
      }

      .repo-access-group.no-form .add-team-form,
      .repo-access-group .select-menu-item.has-access {
        display: none;
      }

      .oauth-pending-deletion-list-item {
        background-color: #fafbfc;
        box-shadow: inset 0 0 8px #eee;
      }

      .oauth-pending-deletion-list-item:hover {
        background-color: #fafbfc;
      }

      .oauth-pending-deletion-list-item .oauth-pending-deletion {
        display: inline-block;
        line-height: 30px;
        width: 19%;
      }

      .oauth-pending-deletion-list-item .active {
        display: none;
      }

      .oauth-pending-deletion {
        display: none;
        width: 100%;
      }

      .boxed-group-list .access-level {
        color: #586069;
      }

      .boxed-group-list .access-level.css-truncate-target {
        max-width: 500px;
      }

      .settings-next {
        font-size: 14px;
        line-height: 1.5;
      }

      .settings-next label {
        font-size: 14px;
      }

      .settings-next .note {
        font-size: 13px;
      }

      .settings-next .form-checkbox input[type='checkbox'],
      .settings-next .form-checkbox input[type='radio'] {
        margin-top: 4px;
      }

      dl.form-group > dd textarea.compact {
        height: 100px;
        min-height: 0;
      }

      .form-hr {
        border-bottom-color: #e5e5e5;
        margin-bottom: 15px;
        margin-top: 15px;
      }

      .listgroup {
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        list-style: none;
      }

      .listgroup-item {
        color: #586069;
        font-size: 13px;
        line-height: 26px;
        min-height: inherit;
        padding: 10px;
      }

      .listgroup-item:before {
        content: '';
        display: table;
      }

      .listgroup-item:after {
        clear: both;
        content: '';
        display: table;
      }

      .listgroup-item + .listgroup-item {
        border-top: 1px solid #e5e5e5;
      }

      .listgroup-item.listgroup-item-preview {
        line-height: inherit;
      }

      .listgroup-item.listgroup-item-preview .BtnGroup {
        margin-top: 5px;
      }

      .listgroup-item .css-truncate-target {
        max-width: 615px;
      }

      .listgroup-item-title {
        display: block;
        font-weight: 600;
      }

      .listgroup-item-body {
        display: block;
      }

      .listgroup-header {
        border-bottom: 1px solid #e5e5e5;
        border-top: 0;
      }

      .listgroup-overflow {
        background-color: #f5f5f5;
        max-height: 240px;
        overflow-y: auto;
      }

      .listgroup-sm .listgroup-item {
        padding-bottom: 5px;
        padding-top: 5px;
      }

      .protected-branches {
        margin-bottom: 15px;
        margin-top: 15px;
      }

      .protected-branch-options,
      .repo-data-options {
        margin-left: 20px;
        opacity: 0.5;
      }

      .protected-branch-options.active,
      .repo-data-options.active {
        opacity: 1;
      }

      .protected-branch-reviews.on .require-approving-reviews,
      .protected-branch-reviews.on .require-code-owner-review,
      .protected-branch-reviews.on .reviews-dismiss-on-push,
      .protected-branch-reviews.on .reviews-include-dismiss {
        display: block;
      }

      .protected-branch-reviews .require-approving-reviews,
      .protected-branch-reviews .require-code-owner-review,
      .protected-branch-reviews .reviews-dismiss-on-push,
      .protected-branch-reviews .reviews-include-dismiss {
        display: none;
      }

      .protected-branch-orgs-and-repo-admins {
        background-color: #fafbfc;
        padding: 10px;
      }

      .authorized-pushers {
        width: 440px;
      }

      .authorized-pushers .add-protected-branch-user-or-team {
        display: block;
      }

      .authorized-pushers .user-or-team-limit-reached {
        display: none;
        font-size: 13px;
        padding: 10px;
      }

      .authorized-pushers.at-limit .add-protected-branch-user-or-team {
        display: none;
      }

      .authorized-pushers.at-limit .user-or-team-limit-reached {
        display: block;
        width: 440px;
      }

      .protected-branch-authorized-pushers-table {
        margin-top: 10px;
      }

      .protected-branch-authorized-pushers-table .boxed-group-inner {
        max-height: 350px;
        overflow-y: auto;
      }

      .protected-branch-authorized-pushers-table .table-list {
        border-bottom: 0;
      }

      .protected-branch-authorized-pushers-table .table-list-cell {
        vertical-align: middle;
      }

      .protected-branch-authorized-pushers-table .table-list-cell:first-child {
        width: 100%;
      }

      .protected-branch-authorized-pushers-table .avatar,
      .protected-branch-authorized-pushers-table .octicon-jersey,
      .protected-branch-authorized-pushers-table .octicon-organization {
        margin-right: 10px;
        text-align: center;
        width: 36px;
      }

      .protected-branch-pusher {
        color: #333;
      }

      .user-already-added:after {
        background-color: #d15704;
        border-radius: 3px;
        color: #fff;
        content: 'Already added';
        display: inline-block;
        font-size: 11px;
        line-height: 1.4;
        margin-left: 6px;
        padding: 1px 5px;
      }

      .protected-branch-admin-permission {
        border: 1px solid transparent;
        border-radius: 3px;
        float: left;
        line-height: normal;
        margin: -2px 0 -2px -4px;
        padding: 3px;
      }

      .protected-branch-admin-permission.active {
        animation: toggle-color 1s ease-in-out 0s;
      }

      @keyframes toggle-color {
        0% {
          background-color: transparent;
        }

        50% {
          background-color: #fff9ea;
          border-color: #dfd8c2;
          color: #4c4a42;
        }

        to {
          background-color: transparent;
        }
      }

      .automated-check-options {
        margin-top: 10px;
      }

      .automated-check-options .listgroup-item label {
        font-size: inherit;
      }

      .automated-check-options .listgroup-item input[type='checkbox'] {
        float: none;
        margin-left: 0;
        margin-right: 5px;
        margin-top: -2px;
      }

      .automated-check-options .label {
        margin-top: 4px;
      }

      .repository-merge-features .form-group.errored label {
        color: inherit;
      }

      .repository-merge-features .form-group.errored .error {
        background: transparent;
        border: 0;
        color: #cb2431;
        font-size: 11px;
        margin-left: 6px;
        margin-top: 0;
        padding: 0;
        position: inherit;
      }

      .repository-merge-features .form-group.errored .error:after,
      .repository-merge-features .form-group.errored .error:before {
        display: none;
      }

      .setup-wrapper {
        margin: 0 auto;
        padding-top: 30px;
        width: 750px;
      }

      .setup-wrapper:before {
        content: '';
        display: table;
      }

      .setup-wrapper:after {
        clear: both;
        content: '';
        display: table;
      }

      .setup-header {
        border-bottom: 1px solid #ddd;
        margin: 0 auto 30px;
        overflow: hidden;
        padding-bottom: 20px;
        text-align: left;
      }

      .setup-header h1 {
        font-size: 45px;
        font-weight: 400;
        letter-spacing: -1px;
        line-height: 1.1;
        margin-bottom: 0;
        margin-top: 0;
      }

      .setup-header h1 .octicon {
        color: #bbb;
      }

      .setup-header .lead {
        font-size: 21px;
        margin-bottom: 0;
        margin-top: 2px;
      }

      .setup-header .lead a {
        color: #586069;
      }

      .setup-header .lead a:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .setup-org {
        border-bottom: 0;
        padding-bottom: 0;
      }

      .setup-main {
        float: left;
        width: 450px;
      }

      .setup-main.without-secondary {
        margin-left: 150px;
      }

      .setup-secondary {
        float: right;
        width: 250px;
      }

      .setup-secondary .info {
        color: #586069;
        font-size: 12px;
        line-height: 18px;
        margin-top: -10px;
        padding-bottom: 0;
        padding-top: 0;
        text-align: center;
      }

      .setup-info-module {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
        margin-bottom: 30px;
      }

      .setup-info-module h2 {
        border-bottom: 1px solid #ddd;
        font-size: 16px;
        margin-bottom: 15px;
        overflow: hidden;
        padding: 15px;
      }

      .setup-info-module h2 .price {
        color: #586069;
        float: right;
        font-weight: 600;
      }

      .setup-info-module h3 {
        font-size: 14px;
        margin: 0 0 -7px;
        padding: 0 15px;
      }

      .setup-info-module p {
        margin: 15px 0;
        padding: 0 15px;
      }

      .setup-info-module .setup-info-note {
        background: #f9f9f9;
        border-top: 1px solid #e0e0e0;
        margin: 0;
        padding: 1px 0;
      }

      .features-list {
        font-size: 14px;
        list-style: none;
        margin: 0;
        padding: 0 15px 15px;
      }

      .features-list li {
        margin-top: 10px;
      }

      .features-list li:first-child {
        margin-top: 0;
      }

      .features-list .list-divider {
        border-top: 1px solid #eee;
        margin: 15px -15px;
      }

      .features-list .octicon-check {
        color: #60b044;
        margin-right: 5px;
      }

      .features-list .octicon-question {
        color: #555;
        font-size: 12px;
      }

      .features-list .tooltipped:after {
        white-space: normal;
        width: 250px;
      }

      .features-list.features-list-org {
        padding-bottom: 0;
      }

      .setup-form-container .setup-form-title {
        font-size: 16px;
      }

      .setup-form-container .secure {
        color: #60b044;
        float: right;
        font-size: 11px;
        margin-top: 2px;
        text-transform: uppercase;
      }

      .setup-form-container hr {
        margin-bottom: 25px;
        margin-top: 25px;
      }

      .setup-form-container .form-actions {
        padding-bottom: 0;
        padding-top: 0;
        text-align: left;
      }

      .team-member-container {
        margin-bottom: 20px;
      }

      .team-member-container .team-member-username {
        line-height: 1.2;
      }

      .setup-form {
        padding-bottom: 15px;
      }

      .setup-form .form-group dd .form-control {
        width: 100%;
      }

      .setup-form .form-group dd .form-control.short {
        width: 250px;
      }

      .setup-form dd {
        position: relative;
      }

      .setup-form dd .octicon {
        position: absolute;
        right: 25px;
        top: 8px;
      }

      .setup-form .octicon-alert {
        color: #cb2431;
      }

      .setup-form .octicon-check {
        color: #28a745;
      }

      .setup-form .setup-organization-next,
      .setup-form .tos-info {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        margin: 15px 0;
      }

      .setup-form .tos-info {
        padding: 15px 0;
      }

      .setup-form .setup-organization-next {
        padding-bottom: 15px;
        padding-top: 15px;
      }

      .setup-form .setup-plans {
        border: 1px solid #d1d5da;
        border-collapse: separate;
      }

      .setup-form .setup-plans tr.selected {
        background-color: #f1f8ff;
      }

      .setup-form .setup-plans .name {
        font-weight: 600;
      }

      .setup-form .setup-plans .choose-plan input[type='radio'] {
        display: none;
      }

      .setup-form .new-business-initial-admins td {
        border: 1px solid #f5f5f5;
        padding: 5px 10px;
      }

      .setup-creditcard-form .cc-extras {
        margin-bottom: 15px;
      }

      .setup-creditcard-form .expiration-form select {
        width: 80px;
      }

      .setup-creditcard-form .country-form,
      .setup-creditcard-form .cvv-form,
      .setup-creditcard-form .expiration-form,
      .setup-creditcard-form .state-form {
        float: left;
        margin: 0;
        word-wrap: normal;
      }

      .setup-creditcard-form .country-form,
      .setup-creditcard-form .postal-code-form {
        margin-bottom: 15px;
        margin-top: 0;
      }

      .setup-creditcard-form .form-group dd .input-cvv {
        width: 80px;
      }

      .setup-creditcard-form .form-group select.select-country {
        margin-right: 5px;
        width: 182px;
      }

      .setup-creditcard-form .form-group select:invalid {
        color: #6a737d;
      }

      .setup-creditcard-form .form-group select.select-state {
        width: 113px;
      }

      .setup-creditcard-form .form-group .card-select-number-field {
        width: 100%;
      }

      .setup-creditcard-form .form-group .input-vat {
        width: 288px;
      }

      .setup-creditcard-form .form-group .card-select-number-field-icons {
        right: 2px;
        top: 1px;
      }

      .setup-creditcard-form
        .form-group
        .card-select-number-field-icons
        > .placeholder {
        right: 10px;
        top: 8px;
      }

      .setup-creditcard-form
        .form-group
        .card-select-number-field-icons
        > .card {
        height: 20px;
        margin-bottom: 6px;
        margin-right: 5px;
        margin-top: 6px;
      }

      .setup-creditcard-form
        .form-group
        .card-select-number-field-icons
        > .card.enabled {
        display: block;
      }

      .setup-creditcard-form .form-group input.input-postal-code {
        width: 180px;
      }

      .setup-creditcard-form.is-vat-country .vat-field {
        display: block;
      }

      .setup-creditcard-form.is-international
        .form-group
        select.select-country {
        width: 300px;
      }

      .setup-creditcard-form.is-international .state-form,
      .setup-creditcard-form.no-postcodes .postal-code-form {
        display: none;
      }

      .setup-creditcard-form dd .octicon-credit-card {
        position: inherit;
      }

      .setup-creditcard-form .enter-new-card {
        display: none;
      }

      .setup-creditcard-form.has-credit-card .enter-new-card {
        display: inline-block;
      }

      .setup-creditcard-form.has-credit-card .cancel-enter-new-card,
      .setup-creditcard-form.has-credit-card .card-select-number-field,
      .setup-creditcard-form.has-credit-card .card-select-number-field-icons,
      .setup-creditcard-form .vat-field {
        display: none;
      }

      .setup-creditcard-form .vat-field.prefilled {
        display: block;
      }

      .setup-creditcard-form .help-text {
        color: #586069;
        font-size: 80%;
        font-weight: 400;
      }

      .org-creation-questions,
      .user-identification-questions {
        float: none;
        width: auto;
      }

      .org-creation-questions .question,
      .user-identification-questions .question {
        margin-bottom: 30px;
      }

      .org-creation-questions .question-title,
      .user-identification-questions .question-title {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
        padding-right: 40px;
      }

      .org-creation-questions .question-title i,
      .user-identification-questions .question-title i {
        color: #767676;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
      }

      .org-creation-questions .response-group label,
      .user-identification-questions .response-group label {
        font-weight: 400;
      }

      .org-creation-questions .form-checkbox,
      .user-identification-questions .form-checkbox {
        margin: 8px 0;
      }

      .org-creation-questions .other-field .form-control,
      .user-identification-questions .other-field .form-control {
        margin-top: 10px;
      }

      .org-creation-questions .alternate-action,
      .user-identification-questions .alternate-action {
        line-height: 34px;
        margin-left: 10px;
      }

      .org-creation-questions .disclaimer,
      .user-identification-questions .disclaimer {
        margin: 40px 0 0;
        text-align: center;
      }

      .user-identification-questions {
        margin-top: 40px;
      }

      .shelf {
        background-color: #fefefe;
        border-bottom: 1px solid #eff1f3;
        margin-bottom: 20px;
        padding-top: 20px;
      }

      .shelf .container {
        position: relative;
      }

      .shelf-title {
        font-size: 30px;
        font-weight: 400;
        margin: 0;
      }

      .shelf-content {
        margin: 50px auto;
        text-align: center;
        width: 800px;
      }

      .shelf-lead {
        color: #586069;
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 10px;
      }

      .shelf-dismiss {
        color: #959da5;
        font-size: 12px;
        position: absolute;
        right: 20px;
        top: 0;
      }

      .shelf-dismiss:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .shelf-dismiss .close-button {
        border: 1px solid rgba(27, 31, 35, 0.15);
        border-radius: 28px;
        color: rgba(27, 31, 35, 0.7);
        height: 28px;
        padding: 3px 5px;
        width: 28px;
      }

      .shelf-dismiss .close-button:hover {
        border-color: rgba(27, 31, 35, 0.3);
        color: #24292e;
      }

      .shelf-cta {
        font-size: 16px;
        padding: 10px 50px;
      }

      .intro-shelf {
        background-image: linear-gradient(
            180deg,
            hsla(0, 0%, 100%, 0) 60%,
            #fff
          ),
          linear-gradient(70deg, #dbedff 32%, #ebfff0);
        border-bottom: #fff;
        color: rgba(27, 31, 35, 0.85);
        margin-top: 0;
      }

      .intro-shelf .shelf-lead {
        color: rgba(27, 31, 35, 0.7);
      }

      .orgs-help-shelf {
        border-bottom: 1px solid #eff1f3;
        margin-bottom: 20px;
        margin-top: -20px;
        padding-bottom: 20px;
        padding-top: 20px;
      }

      .orgs-help-shelf .orgs-help-title {
        font-size: 30px;
        font-weight: 400;
      }

      .orgs-help-shelf-content {
        margin: 50px auto;
        text-align: center;
        width: 800px;
      }

      .orgs-help-shelf-content .orgs-help-lead {
        font-size: 18px;
        padding-left: 45px;
        padding-right: 45px;
      }

      .orgs-help-shelf-content .orgs-help-divider {
        border-top: 1px solid #d1d5da;
        content: '';
        display: block;
        margin: 40px auto;
        width: 150px;
      }

      .orgs-help-lead {
        color: #586069;
        margin-bottom: 30px;
        margin-top: 10px;
      }

      .orgs-help-items {
        margin-bottom: 40px;
      }

      .orgs-help-item-octicon {
        background-color: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 50px;
        height: 70px;
        margin: 0 auto 15px;
        text-align: center;
        width: 70px;
      }

      .orgs-help-item-octicon .octicon {
        color: #0366d6;
        margin-top: 20px;
      }

      .orgs-help-item-title {
        font-weight: 400;
        margin-bottom: 10px;
      }

      .orgs-help-item-content {
        color: #586069;
        font-size: 14px;
        margin-top: 0;
      }

      .orgs-help-dismiss {
        color: #586069;
        float: right;
        font-size: 12px;
        margin-right: 10px;
        margin-top: 5px;
      }

      .orgs-help-dismiss:hover {
        color: #0366d6;
        text-decoration: none;
      }

      .orgs-help-dismiss .octicon {
        position: relative;
        top: 1px;
      }

      .orgs-help-title {
        margin-bottom: 0;
        margin-top: 0;
      }

      .collection-search-results em {
        background-color: #faffa6;
        padding: 0.1em;
      }

      .draft-tag {
        background-color: #404040;
        color: #eee;
        font-weight: 600;
        padding: 5px 10px;
      }

      .showcase-page-pattern {
        height: 100px;
        margin-bottom: -70px;
        margin-top: -21px;
        position: relative;
        z-index: -1;
      }

      .showcase-page-pattern:after {
        background-image: linear-gradient(
          180deg,
          hsla(0, 0%, 100%, 0.85),
          #fff
        );
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
      }

      .showcase-page-repo-list {
        border-top: 1px solid #eee;
      }

      .repo-health .repo-health-loading {
        display: none;
        font-style: italic;
      }

      .repo-health.is-loading .repo-health-loading {
        display: block;
      }

      .repo-health.is-loading .repo-health-results {
        display: none;
      }

      .sortable-button-item:first-of-type .sortable-button[data-direction='up'],
      .sortable-button-item:last-of-type
        .sortable-button[data-direction='down'] {
        display: none;
      }

      .business-sso,
      .org-sso {
        margin: 0 auto;
        width: 340px;
      }

      .business-sso .sso-title,
      .org-sso .sso-title {
        font-size: 24px;
        font-weight: 300;
        letter-spacing: -0.5px;
      }

      .business-sso .business-sso-panel,
      .business-sso .org-sso-panel,
      .org-sso .business-sso-panel,
      .org-sso .org-sso-panel {
        background-color: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 5px;
        padding: 20px;
      }

      .business-sso .sso-recovery-callout,
      .org-sso .sso-recovery-callout {
        border: 1px solid #d1d5da;
        border-radius: 5px;
        padding: 15px 10px;
        text-align: center;
      }

      .sso-modal {
        padding: 16px;
      }

      .sso-modal .business-sso,
      .sso-modal .org-sso {
        width: auto;
      }

      .sso-modal .business-sso .business-sso-panel,
      .sso-modal .org-sso .org-sso-panel {
        border: 0;
      }

      .sso-modal .sso-prompt-error,
      .sso-modal .sso-prompt-success,
      .sso-modal.success .sso-prompt-default {
        display: none;
      }

      .sso-modal.success .sso-prompt-success {
        display: block;
      }

      .sso-modal.error .sso-prompt-default {
        display: none;
      }

      .sso-modal.error .sso-prompt-error {
        display: block;
      }

      .sso-modal.error .flash-error {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        margin-left: -35px;
        margin-right: -35px;
      }

      .tab-size[data-tab-size='1'] {
        -moz-tab-size: 1;
        tab-size: 1;
      }

      .tab-size[data-tab-size='2'] {
        -moz-tab-size: 2;
        tab-size: 2;
      }

      .tab-size[data-tab-size='3'] {
        -moz-tab-size: 3;
        tab-size: 3;
      }

      .tab-size[data-tab-size='4'] {
        -moz-tab-size: 4;
        tab-size: 4;
      }

      .tab-size[data-tab-size='5'] {
        -moz-tab-size: 5;
        tab-size: 5;
      }

      .tab-size[data-tab-size='6'] {
        -moz-tab-size: 6;
        tab-size: 6;
      }

      .tab-size[data-tab-size='7'] {
        -moz-tab-size: 7;
        tab-size: 7;
      }

      .tab-size[data-tab-size='8'] {
        -moz-tab-size: 8;
        tab-size: 8;
      }

      .tab-size[data-tab-size='9'] {
        -moz-tab-size: 9;
        tab-size: 9;
      }

      .tab-size[data-tab-size='10'] {
        -moz-tab-size: 10;
        tab-size: 10;
      }

      .tab-size[data-tab-size='11'] {
        -moz-tab-size: 11;
        tab-size: 11;
      }

      .tab-size[data-tab-size='12'] {
        -moz-tab-size: 12;
        tab-size: 12;
      }

      .tag-input-container {
        position: relative;
      }

      .tag-input-container .suggester {
        margin-top: -1px;
        position: absolute;
        width: 100%;
        z-index: 100;
      }

      .tag-input-container ul {
        list-style: none;
      }

      .tag-input input {
        background: none;
        border: 0;
        box-shadow: none;
        float: left;
        margin: 0;
        padding-left: 2px;
      }

      .tag-input input:focus {
        box-shadow: none;
      }

      .task-list-item {
        list-style-type: none;
      }

      .task-list-item label {
        font-weight: 400;
      }

      .task-list-item.enabled label {
        cursor: pointer;
      }

      .task-list-item + .task-list-item {
        margin-top: 3px;
      }

      .task-list-item .handle {
        display: none;
      }

      .task-list-item-checkbox {
        margin: 0 0.2em 0.25em -1.6em;
        vertical-align: middle;
      }

      .reorderable-task-lists .markdown-body .contains-task-list {
        padding: 0;
      }

      .reorderable-task-lists .markdown-body li:not(.task-list-item) {
        margin-left: 26px;
      }

      .reorderable-task-lists .markdown-body ol:not(.contains-task-list) li,
      .reorderable-task-lists .markdown-body ul:not(.contains-task-list) li {
        margin-left: 0;
      }

      .reorderable-task-lists .markdown-body li p {
        margin-top: 0;
      }

      .reorderable-task-lists .markdown-body .task-list-item {
        border: 1px solid transparent;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 42px;
        padding-right: 15px;
      }

      .reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
        margin-top: 0;
      }

      .reorderable-task-lists
        .markdown-body
        .task-list-item
        .contains-task-list {
        padding-top: 4px;
      }

      .reorderable-task-lists .markdown-body .task-list-item .handle {
        display: block;
        float: left;
        margin-left: -43px;
        opacity: 0;
        padding: 2px 0 0 2px;
        width: 20px;
      }

      .reorderable-task-lists .markdown-body .task-list-item .drag-handle {
        fill: #333;
      }

      .reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
        opacity: 1;
      }

      .reorderable-task-lists .markdown-body .task-list-item.is-dragging {
        opacity: 0;
      }

      .review-comment-contents .markdown-body .task-list-item {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 42px;
      }

      .review-comment-contents .markdown-body .task-list-item.hovered {
        border-left-color: #ededed;
      }

      .team-label-ldap {
        border: 1px solid #eaeaea;
        border-radius: 3px;
        box-shadow: none;
        color: #586069;
        cursor: default;
        display: inline-block;
        line-height: 25px;
        padding: 0 9px;
        text-transform: uppercase;
      }

      .team-label-ldap.header-label-ldap {
        padding: 3px 5px;
      }

      .team-member-ellipsis {
        height: 25px;
        line-height: 24px;
        width: 25px;
      }

      .team-member-ellipsis:hover {
        background: #f6f8fa;
        color: #0366d6;
      }

      .team-listing .nested-teams-checkbox {
        padding-left: 3px;
      }

      .team-listing .nested-teams-checkbox.show {
        padding-right: 11px;
      }

      .team-listing .nested-teams-checkbox.indent-1 {
        padding-left: 30px;
      }

      .team-listing .nested-teams-checkbox.indent-2 {
        padding-left: 54px;
      }

      .team-listing .nested-teams-checkbox.indent-3 {
        padding-left: 78px;
      }

      .team-listing .nested-teams-checkbox.indent-4 {
        padding-left: 102px;
      }

      .team-listing .nested-teams-checkbox.indent-5 {
        padding-left: 126px;
      }

      .team-listing .nested-teams-checkbox.indent-6 {
        padding-left: 150px;
      }

      .team-listing .nested-teams-checkbox.indent-7 {
        padding-left: 174px;
      }

      .team-listing .nested-teams-checkbox.indent-8 {
        padding-left: 198px;
      }

      .team-listing .nested-teams-checkbox.indent-9 {
        padding-left: 222px;
      }

      .team-listing .nested-teams-checkbox.indent-10 {
        padding-left: 246px;
      }

      .team-listing .nested-teams-checkbox.indent-11 {
        padding-left: 270px;
      }

      .team-listing .nested-teams-checkbox.indent-12 {
        padding-left: 294px;
      }

      .team-listing .nested-teams-checkbox.indent-13 {
        padding-left: 318px;
      }

      .team-listing .nested-teams-checkbox.indent-14 {
        padding-left: 342px;
      }

      .team-listing .nested-teams-checkbox.indent-15 {
        padding-left: 366px;
      }

      .team-listing .team-info {
        width: 280px;
      }

      .team-listing .nested-team-info {
        width: 650px;
      }

      .team-listing .nested-team-name {
        max-width: 268px;
      }

      .team-listing .shortened-teams-avatars {
        margin-left: auto;
      }

      .team-listing .shortened-teams-avatars.width-0 {
        width: 300px;
      }

      .team-listing .shortened-teams-avatars.width-1 {
        width: 233px;
      }

      .team-listing .shortened-teams-avatars.width-2 {
        width: 167px;
      }

      .team-listing .shortened-teams-avatars.width-3 {
        width: 99px;
      }

      .team-listing .team-members-count {
        width: 124px;
      }

      .team-listing .team-show-more-cell {
        width: 980px;
      }

      .team-listing .team-buttons {
        width: 130px;
      }

      .team-listing .octicon-wrapper {
        width: 10px;
      }

      .team-listing .is-open.root-team {
        background-color: #fafbfc;
      }

      .team-listing .is-open .expand-nested-team {
        font-weight: 700;
      }

      .team-listing .is-open .octicon-chevron-down {
        transform: rotate(180deg);
      }

      .traffic-graph {
        min-height: 150px;
      }

      .traffic-graph .activity {
        margin-top: 0;
      }

      .traffic-graph .activity .dots {
        margin-top: 40px;
      }

      .traffic-graph .path {
        fill: none;
        stroke-width: 2;
      }

      .traffic-graph path.total {
        stroke: #28a745;
      }

      .traffic-graph path.unique {
        stroke: #005cc5;
      }

      .traffic-graph .axis .tick:first-of-type line {
        stroke: #28a745;
        stroke-width: 2px;
      }

      .traffic-graph .y line {
        stroke: #28a745;
      }

      .traffic-graph .y.unique line {
        stroke: #005cc5;
      }

      .traffic-graph .overlay {
        fill-opacity: 0;
      }

      .uniques-graph .axis .tick:last-child line {
        stroke: #005cc5;
        stroke-width: 2px;
      }

      .svg-tip .date {
        color: #fff;
      }

      .top-domains .dots {
        display: block;
        margin: 167px auto 0;
      }

      .top-domains-icon {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
      }

      table.capped-list {
        line-height: 100%;
        width: 100%;
      }

      table.capped-list th {
        background: #f6f8fa;
        border-bottom: 1px solid #dfe2e5;
        padding: 8px;
        text-align: left;
      }

      table.capped-list td {
        border-bottom: 1px solid #eaecef;
        font-size: 12px;
        padding: 8px;
      }

      table.capped-list td.middle,
      table.capped-list th.middle {
        text-align: center;
      }

      table.capped-list .favicon {
        height: 16px;
        margin: 0 5px;
        vertical-align: middle;
        width: 16px;
      }

      table.capped-list .octicon {
        color: #444d56;
        margin-right: 10px;
        vertical-align: -1px;
      }

      table.capped-list tr:nth-child(2n) {
        background-color: #fafbfc;
      }

      .capped-list-label {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .traffic-graph-stats {
        border-top: 1px solid #dfe2e5;
      }

      .traffic-graph-stats .summary-stats {
        width: 100%;
      }

      .traffic-graph-stats .summary-stats:before {
        content: '';
        display: table;
      }

      .traffic-graph-stats .summary-stats:after {
        clear: both;
        content: '';
        display: table;
      }

      .traffic-graph-stats .summary-stats li {
        display: block;
        float: left;
        padding-bottom: 10px;
        width: 50%;
      }

      .totals circle {
        fill: #28a745;
        stroke: #fff;
        stroke-width: 2;
      }

      .uniques circle {
        fill: #005cc5;
        stroke: #fff;
        stroke-width: 2;
      }

      .top-lists .is-loading {
        margin: 40px;
        text-align: center;
      }

      ul.web-views li {
        width: 140px;
      }

      ul.clones li {
        width: 170px;
      }

      .tree-finder-input,
      .tree-finder-input:focus {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        box-shadow: none;
        font-size: inherit;
      }

      .tree-browser .octicon-chevron-right {
        color: transparent;
      }

      .tree-browser-result.navigation-focus,
      .tree-browser-result[aria-selected='true'] {
        background-color: #fff !important;
      }

      .tree-browser-result.navigation-focus .octicon-chevron-right,
      .tree-browser-result[aria-selected='true'] .octicon-chevron-right {
        color: #0366d6;
      }

      .tree-browser-result .css-truncate-target {
        max-width: 870px;
      }

      .tree-browser-result mark {
        background: none;
        color: #0366d6;
        font-weight: 600;
      }

      .toolbar-commenting {
        float: right;
      }

      .toolbar-commenting .dropdown.active .dropdown-menu-content {
        display: block;
      }

      .toolbar-commenting .dropdown-menu-s {
        width: 100px;
      }

      .toolbar-commenting .dropdown-item {
        background: none;
        border: 0;
        font-weight: 600;
        line-height: 1em;
      }

      .toolbar-commenting .dropdown-item:hover {
        color: #0366d6;
      }

      .toolbar-commenting .dropdown-item:focus {
        color: #0366d6;
        outline: none;
      }

      .toolbar-item {
        background: none;
        border: 0;
        color: #586069;
        display: block;
        float: left;
        padding: 4px 5px;
      }

      .toolbar-item.dropdown,
      .toolbar-item.select-menu {
        padding: 0;
      }

      .toolbar-item .select-menu-modal {
        margin-top: 2px;
      }

      .toolbar-item .select-menu-item {
        padding-left: 8px;
      }

      .toolbar-item .menu-target {
        background: none;
        border: 0;
        color: #586069;
        display: block;
        padding: 4px 5px;
      }

      .toolbar-item .menu-target:hover,
      .toolbar-item:hover {
        color: #0366d6;
      }

      .toolbar-item .menu-target:focus,
      .toolbar-item:focus {
        color: #0366d6;
        outline: none;
      }

      .toolbar-item:disabled {
        color: #ddd;
      }

      .toolbar-item .octicon-link,
      .toolbar-item .octicon-tasklist {
        margin-left: -3px;
      }

      .toolbar-item .octicon-mention {
        margin-left: -4px;
      }

      .toolbar-item .octicon-bold {
        margin-left: -2px;
      }

      .toolbar-group {
        display: inline-block;
        margin-left: 20px;
      }

      .toolbar-group:first-child {
        margin-left: 0;
      }

      .typeahead-result {
        color: #333;
        cursor: pointer;
        display: block;
        margin-top: 0;
        min-width: 100%;
        padding: 10px;
        position: relative;
      }

      .typeahead-result:before {
        content: '';
        display: table;
      }

      .typeahead-result:after {
        clear: both;
        content: '';
        display: table;
      }

      .typeahead-result:first-child {
        border-top: 0;
      }

      .typeahead-result.navigation-focus,
      .typeahead-result:focus,
      .typeahead-result:hover,
      .typeahead-result[aria-selected='true'] {
        text-decoration: none;
      }

      .typeahead-result.navigation-focus,
      .typeahead-result:hover,
      .typeahead-result[aria-selected='true'] {
        background-color: #0366d6;
        color: #fff;
      }

      .typeahead-result.navigation-focus .octicon-plus,
      .typeahead-result:hover .octicon-plus,
      .typeahead-result[aria-selected='true'] .octicon-plus {
        color: #fff;
      }

      .typeahead-result.disabled {
        opacity: 0.5;
        pointer-events: none;
      }

      .member-suggestion {
        padding-left: 44px;
      }

      .member-suggestion .avatar {
        float: left;
        margin-left: -34px;
        margin-right: 10px;
      }

      .member-suggestion .member-suggestion-info {
        margin-bottom: 0;
        margin-top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
      }

      .member-suggestion .member-name {
        color: #586069;
        font-size: 12px;
      }

      .member-suggestion .member-email {
        margin-bottom: 0;
        margin-top: 0;
      }

      .member-suggestion .octicon-check,
      .member-suggestion .octicon-plus {
        color: #ddd;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%;
      }

      .member-suggestion .already-member-note,
      .member-suggestion .non-member-action,
      .member-suggestion .non-member-note {
        color: #586069;
        margin-bottom: 0;
        margin-top: 0;
      }

      .member-suggestion .non-member-action {
        display: none;
      }

      .member-suggestion.navigation-focus .already-member-note,
      .member-suggestion.navigation-focus .member-email,
      .member-suggestion.navigation-focus .member-name,
      .member-suggestion.navigation-focus .non-member-action,
      .member-suggestion.navigation-focus .non-member-note,
      .member-suggestion:hover .already-member-note,
      .member-suggestion:hover .member-email,
      .member-suggestion:hover .member-name,
      .member-suggestion:hover .non-member-action,
      .member-suggestion:hover .non-member-note,
      .member-suggestion[aria-selected='true'] .already-member-note,
      .member-suggestion[aria-selected='true'] .member-email,
      .member-suggestion[aria-selected='true'] .member-name,
      .member-suggestion[aria-selected='true'] .non-member-action,
      .member-suggestion[aria-selected='true'] .non-member-note {
        color: #fff;
      }

      .member-suggestion.navigation-focus .non-member-note,
      .member-suggestion:hover .non-member-note,
      .member-suggestion[aria-selected='true'] .non-member-note {
        display: none;
      }

      .member-suggestion.navigation-focus .non-member-action,
      .member-suggestion:hover .non-member-action,
      .member-suggestion[aria-selected='true'] .non-member-action {
        display: block;
      }

      .member-suggestion.navigation-focus .octicon,
      .member-suggestion:hover .octicon,
      .member-suggestion[aria-selected='true'] .octicon {
        color: #fff;
      }

      .member-suggestion.disabled .member-info,
      .member-suggestion.not-a-member .member-info {
        margin-top: -2px;
      }

      .non-member-result {
        padding-left: 31px;
      }

      .team-suggestion {
        padding-left: 32px;
      }

      .team-suggestion .octicon {
        float: left;
        margin-left: -22px;
        margin-top: 2px;
      }

      .team-suggestion .team-suggestion-info {
        margin: 2px 0 0;
      }

      .team-suggestion .team-suggestion-info .css-truncate-target {
        max-width: none;
      }

      .team-suggestion .team-description,
      .team-suggestion .team-size {
        color: #586069;
        font-size: 12px;
      }

      .team-suggestion.navigation-focus .team-description,
      .team-suggestion.navigation-focus .team-size,
      .team-suggestion[aria-selected='true'] .team-description,
      .team-suggestion[aria-selected='true'] .team-size {
        color: #fff;
      }

      .email-suggestion {
        padding-left: 32px;
      }

      .email-suggestion .octicon-mail {
        color: #959da5;
        margin-left: -20px;
      }

      .email-suggestion .member-suggestion-info {
        margin-top: 1px;
      }

      .repo-access-add-team .team-name {
        font-size: 13px;
      }

      .repo-access-add-team .team-description {
        display: block;
      }

      .repo-access-add-team .team-description,
      .repo-access-add-team .team-size {
        color: #586069;
        font-size: 12px;
      }

      .repo-access-add-team.navigation-focus .team-description,
      .repo-access-add-team.navigation-focus .team-size,
      .repo-access-add-team[aria-selected='true'] .team-description,
      .repo-access-add-team[aria-selected='true'] .team-size {
        color: #fff;
      }

      #user-content-toc {
        overflow: visible;
      }

      #user-content-toc tr {
        border-top: 0;
      }

      #user-content-toc td {
        background-color: #f7f7f7;
        border: 0;
        border-radius: 3px;
        padding: 0 20px;
      }

      #user-content-toc ul {
        font-weight: 600;
        list-style: none;
        padding-left: 0;
      }

      #user-content-toc ul li {
        padding-left: 0.2em;
      }

      #user-content-toc ul ul {
        font-weight: 400;
      }

      #user-content-toc ul ul li:before {
        color: #aaa;
        content: '\231e';
        float: left;
        font-size: 1.2em;
        line-height: 1;
        margin-right: 0.2em;
        margin-top: -0.2em;
      }

      #user-content-toc ul ul ul {
        padding-left: 0.9em;
      }

      #user-content-toctitle h2 {
        border-bottom: 0;
        font-size: 1.25em;
        margin-bottom: 0.5em;
        margin-top: 1em;
      }

      .user-list em {
        background-color: rgba(255, 255, 140, 0.5);
        border-radius: 3px;
        font-style: normal;
        font-weight: 600;
        padding: 3px;
      }

      .user-list .avatar {
        left: 0;
        position: absolute;
        top: 0;
      }

      .user-list-info {
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        min-height: 48px;
        padding: 0;
      }

      .user-list-meta {
        overflow: hidden;
      }

      .user-list-item + .user-list-item {
        border-top: 1px solid #e1e4e8;
      }

      .follow-list {
        list-style-type: none;
      }

      .follow-list .follow-list-item {
        height: 100px;
        margin-bottom: 20px;
        margin-right: 20px;
        padding-bottom: 20px;
        width: 305px;
      }

      .follow-list .follower-list-align-top {
        vertical-align: top;
      }

      .follow-list .flagged-banner {
        background-color: #cb2431;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        padding: 3px 0;
        text-transform: uppercase;
        width: 75px;
      }

      .follow-list .follow-list-name {
        font-weight: 400;
        margin-bottom: 1px;
      }

      .follow-list .follow-list-name a {
        color: inherit;
      }

      .follow-list .follow-list-info {
        color: #586069;
        font-size: 12px;
        margin-bottom: 0.6em;
      }

      .follow-list .css-truncate.css-truncate-target {
        max-width: 190px;
      }

      .user-status-suggestions {
        height: 98px;
        transition: height 0.1s ease-out, opacity 0.2s ease-in;
      }

      .user-status-suggestions.collapsed {
        height: 0;
        opacity: 0;
      }

      .avatar-before-user-status {
        border: 1px solid #e1e4e8;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

      .user-status-container-border-busy {
        background-color: #fffbdd;
        border: 1px solid #ffdf5d;
      }

      .user-status-container,
      .user-status-container .team-mention,
      .user-status-container .user-mention {
        white-space: normal;
      }

      .user-status-container {
        word-break: break-word;
        word-wrap: break-word;
      }

      .user-status-container .input-group-button .btn {
        height: 34px;
        line-height: 0;
        width: 46px;
      }

      .user-status-container .input-group-button g-emoji {
        font-size: 1.3em;
        line-height: 18px;
      }

      .user-status-container .team-mention,
      .user-status-container .user-mention {
        white-space: normal;
      }

      .emoji-size-boost .user-status-compact g-emoji {
        font-size: 1.2em;
      }

      .emoji-size-boost .emoji-picker-emoji-width g-emoji,
      .emoji-size-boost .user-status-emoji-tab g-emoji {
        font-size: 1.4em;
      }

      .user-status-container img.emoji {
        height: 18px;
        width: 18px;
      }

      .emoji-status-width {
        width: 20px;
      }

      .emoji-picker-container {
        width: 377px;
        z-index: 1;
      }

      .emoji-picker-tab {
        height: 136px;
        padding-top: 8px;
      }

      .emoji-picker-emoji-width {
        height: 28px;
        width: 32px;
      }

      .emoji-picker-list {
        list-style: none;
      }

      .user-status-emoji-tab.UnderlineNav-item {
        margin-right: 5px;
      }

      .user-status-emoji-tab[role='tab'][aria-selected='true'] {
        border-bottom-color: #e36209;
        color: #24292e;
        font-weight: 600;
      }

      .user-status-emoji-tab[role='tab'][aria-selected='true']
        .UnderlineNav-octicon {
        color: #6a737d;
      }

      .selected-emoji {
        background-color: #0366d6;
        z-index: 100;
      }

      .emoji-picker-container .emoji-picker-tab g-emoji,
      .emoji-size-boost .user-status-emoji-tab g-emoji {
        margin-left: 1px;
        margin-right: -1px;
      }

      .user-status-emoji-tab .emoji-icon {
        width: auto;
      }

      .user-status-org-button .user-status-org-detail {
        color: #586069;
      }

      .user-status-org-button:focus .user-status-org-detail,
      .user-status-org-button:hover .user-status-org-detail {
        color: #fff;
      }

      .user-status-org-button.selected {
        background-color: #0366d6;
        color: #fff;
      }

      .user-status-org-button.selected .user-status-org-detail {
        color: #fff;
      }

      .user-status-limited-availability-compact {
        background-color: #ffea7f;
        height: 8px;
        width: 8px;
      }

      .user-status-message-wrapper {
        color: #24292e;
      }

      .toggle-user-status-edit:focus .user-status-message-wrapper,
      .toggle-user-status-edit:hover .user-status-message-wrapper {
        color: #0366d6;
      }

      .user-status-message-wrapper div {
        display: inline;
      }

      .user-status-limited-availability-container {
        margin-bottom: 16px;
        margin-top: 16px;
      }

      @media only screen and (max-height: 560px) {
        .user-status-suggestions {
          display: none;
        }

        .user-status-limited-availability-container {
          margin-bottom: 8px;
          margin-top: 8px;
        }
      }

      .wiki-list em {
        background-color: rgba(255, 255, 140, 0.5);
        border-radius: 3px;
        font-style: normal;
        font-weight: 600;
        padding: 3px;
      }

      .wiki-list .wiki-list-item + .wiki-list-item {
        border-top: 1px solid #e1e4e8;
      }

      @media (min-width: 768px) {
        .wiki-rightbar {
          width: 230px !important;
        }
      }

      .wiki-rightbar .markdown-body .anchor {
        display: none;
      }

      .wiki-rightbar .markdown-body h1 {
        font-size: 1.6em;
      }

      .wiki-rightbar .markdown-body h2 {
        font-size: 1.4em;
      }

      .wiki-rightbar ol:last-child,
      .wiki-rightbar p:last-child,
      .wiki-rightbar ul:last-child {
        margin-bottom: 0;
      }

      .wiki-footer .markdown-body,
      .wiki-rightbar .markdown-body {
        font-size: 13px;
      }

      .wiki-footer .markdown-body.wiki-writable > :nth-child(2),
      .wiki-rightbar .markdown-body.wiki-writable > :nth-child(2) {
        margin-top: 0 !important;
      }

      .wiki-footer .markdown-body img {
        background: none;
      }

      .wiki-pages-box .wiki-more-pages {
        display: none;
      }

      .wiki-pages-box .filterable-active .wiki-more-pages,
      .wiki-pages-box.wiki-show-more .wiki-more-pages {
        display: block;
      }

      .wiki-pages-box .filterable-active .wiki-more-pages-link,
      .wiki-pages-box.wiki-show-more .wiki-more-pages-link {
        display: none;
      }

      .hx_link-purple {
        color: #6f42c1 !important;
      }

      .hx_link-purple:focus,
      .hx_link-purple:hover {
        color: #fff !important;
      }

      .hx_dropdown-menu-nw {
        bottom: -4px;
        left: auto;
        margin-right: 8px;
        right: 100%;
        top: auto;
      }

      .hx_dropdown-menu-nw:after,
      .hx_dropdown-menu-nw:before {
        left: 100%;
        transform: rotate(90deg);
      }

      .hx_dropdown-menu-nw:before {
        bottom: 7px;
      }

      .hx_dropdown-menu-nw:after {
        bottom: 8px;
      }

      /*# sourceMappingURL=github-a7545a042547353ea45ba3211e585d1c.css.map */
    </style>

    <meta name="viewport" content="width=device-width" />

    <title>ant-design/ant-design-mobile Wiki</title>
  </head>

  <body class="logged-in env-production page-responsive min-width-0">
    <div class="application-main " data-commit-hovercards-enabled="">
      <div
        itemscope=""
        itemtype="http://schema.org/SoftwareSourceCode"
        class=""
      >
        <main>
          <div
            class="container-lg new-discussion-timeline experiment-repo-nav  p-responsive"
          >
            <div class="repository-content ">
              <div id="wiki-wrapper" class="page">
                <div class="d-flex flex-column flex-md-row gh-header">
                  <h1
                    class="flex-auto min-width-0 mb-2 mb-md-0 mr-0 mr-md-2 gh-header-title instapaper_title"
                  >
                    设计变量表及命名规范
                  </h1>
                </div>

                <div id="wiki-content" class="d-flex flex-column flex-md-row">
                  <div
                    id="wiki-body"
                    class="mt-4 flex-auto min-width-0 gollum-markdown-content instapaper_body"
                  >
                    <div class="markdown-body">
                      <h2>
                        <a
                          id="user-content-通用变量"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E9%80%9A%E7%94%A8%E5%8F%98%E9%87%8F"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >通用变量
                      </h2>
                      <p>用于非组件或多个组件上的变量。</p>
                      <h3>
                        <a
                          id="user-content-颜色"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E9%A2%9C%E8%89%B2"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >颜色
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><strong>字体</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@color-text-base</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-000000-000000.svg?style=flat"
                              />
                            </td>
                            <td>默认文字</td>
                            <td>
                              <code>tabs-默认选项</code>
                              <code>button行动按钮-次按钮</code>
                              <code>floatmenu浮动菜单-菜单项</code>
                              <code>list列表-label</code>
                              <code>picker选择器-选项</code>
                              <code>input输入框-输入内容</code>
                              <code>modal弹窗-标题</code>
                              <code>step步骤条-标题</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@color-text-base-inverse</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-ffffff-ffffff.svg?style=flat"
                              />
                            </td>
                            <td>深色背景下的文字</td>
                            <td>
                              <code>行动按钮-主按钮</code>
                              <code>临时告知</code> <code>toast</code>
                              <code>徽标数</code> <code>深色标签</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@color-text-placeholder</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-cccccc-cccccc.svg?style=flat"
                              />
                            </td>
                            <td>文本框提示</td>
                            <td>
                              <code
                                >input输入框、textarea输入区域-文字提示</code
                              >
                              <code>清除图标的默认颜色</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@color-text-disabled</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-bbbbbb-bbbbbb.svg?style=flat"
                              />
                            </td>
                            <td>失效</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@color-text-caption</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-888888-888888.svg?style=flat"
                              />
                            </td>
                            <td>辅助描述</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@color-text-paragraph</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-333333-333333.svg?style=flat"
                              />
                            </td>
                            <td>段落</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@color-link</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-108ee9-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>链接色</td>
                            <td>
                              <code>链接的颜色</code>
                              <code>可点击文字按钮的文字颜色</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@color-shadow</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-808080_20%25-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>阴影色</td>
                            <td><code>floatmenu浮动菜单</code></td>
                          </tr>
                          <tr>
                            <td><strong>填充</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@fill-base</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-ffffff-ffffff.svg?style=flat"
                              />
                            </td>
                            <td>组件默认背景</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@fill-body</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-f5f5f9-f5f5f9.svg?style=flat"
                              />
                            </td>
                            <td>页面背景</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@fill-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-dddddd-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>默认背景按下</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@fill-disabled</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-dddddd-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>失效背景</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@fill-mask</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-000000_50%25-808080.svg?style=flat"
                              />
                            </td>
                            <td>遮罩背景</td>
                            <td>
                              <code>dropdown</code> <code>actionsheet</code>
                              <code>floatmenu</code> <code>modal</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@fill-overlay-inverse</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-000000_80%25-444444.svg?style=flat"
                              />
                            </td>
                            <td>浮层背景反色</td>
                            <td><code>toast</code></td>
                          </tr>
                          <tr>
                            <td><strong>全局</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@brand-primary</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-108ee9-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>主色</td>
                            <td>
                              <code>主按钮-背景色</code>
                              <code>icon-背景色</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@brand-primary-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-1284d6-1284d6.svg?style=flat"
                              />
                            </td>
                            <td>主色按下</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@brand-success</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-6abf47-6abf47.svg?style=flat"
                              />
                            </td>
                            <td>成功</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@brand-warning</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-f86e21-f86e21.svg?style=flat"
                              />
                            </td>
                            <td>警告</td>
                            <td><code>NoticeBar-文字</code></td>
                          </tr>
                          <tr>
                            <td><code>@brand-error</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-f4333c-f4333c.svg?style=flat"
                              />
                            </td>
                            <td>失败</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@brand-hot</code></td>
                            <td>
                              <img
                                src=""
                                alt="#F96268"
                                data-canonical-src="https://img.shields.io/badge/%23-F96268-F96268.svg?style=flat"
                              />
                            </td>
                            <td>热门</td>
                            <td>优惠、热门、强调</td>
                          </tr>
                          <tr>
                            <td><code>@brand-important</code></td>
                            <td>
                              <img
                                src=""
                                alt="#F96268"
                                data-canonical-src="https://img.shields.io/badge/%23-FF3B30-FF3B30.svg?style=flat"
                              />
                            </td>
                            <td>重要</td>
                            <td>用于 badge 等</td>
                          </tr>
                          <tr>
                            <td><strong>边框</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@border-color-base</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-dddddd-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>基本边框色</td>
                            <td>
                              <code>button按钮-次按钮</code>
                              <code>list列表</code> <code>tab选项卡</code>
                              <code>actionsheet操作列表-选项分割线</code>
                            </td>
                          </tr>
                          <tr>
                            <td><strong>透明度</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@opacity-disabled</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/opacity-30%25-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>组件禁用</td>
                            <td>
                              <code>switch</code> <code>checkbox</code>
                              <code>radio</code>
                            </td>
                          </tr>
                          <tr>
                            <td><strong>组件</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-字体尺寸"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%AD%97%E4%BD%93%E5%B0%BA%E5%AF%B8"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >字体尺寸
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><strong>全局</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-icontext</code></td>
                            <td><code>20px</code></td>
                            <td>图标辅助文字</td>
                            <td><code>tabbar-图标辅助文字</code></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-caption-sm</code></td>
                            <td><code>24px</code></td>
                            <td>辅助文字 - 小</td>
                            <td>
                              <code>列表-辅助文字</code> <code>列表-日期</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@font-size-base</code></td>
                            <td><code>26px</code></td>
                            <td>基本字体</td>
                            <td>
                              <code>弹窗-描述</code> <code>列表-标题</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@font-size-subhead</code></td>
                            <td><code>28px</code></td>
                            <td>副标题</td>
                            <td><code>Tabs</code></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-caption</code></td>
                            <td><code>30px</code></td>
                            <td>辅助文字</td>
                            <td><code>列表-右侧内容</code></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-heading</code></td>
                            <td><code>34px</code></td>
                            <td>标题字体</td>
                            <td>
                              <code>list列表-label</code>
                              <code>input输入框-输入内容</code>
                              <code>input输入框-暗提示</code>
                              <code>modal弹框-标题</code>
                              <code>城市选择-选项</code>
                              <code>actionsheet操作列表-选项</code>
                              <code>steps进度条-标题</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@font-size-display-sm</code></td>
                            <td><code>36px</code></td>
                            <td>展示型字体 - 小</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-display-md</code></td>
                            <td><code>42px</code></td>
                            <td>展示型字体 - 中</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-display-lg</code></td>
                            <td><code>48px</code></td>
                            <td>展示型字体 - 大</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@font-size-display-xl</code></td>
                            <td><code>60px</code></td>
                            <td>展示型字体 - 超大</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-字体族"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%AD%97%E4%BD%93%E6%97%8F"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >字体族
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@font-family-base</code></td>
                            <td>
                              <code
                                >-apple-system,"SF UI
                                Text",Roboto,Noto,"Helvetica
                                Neue",Helvetica,"PingFang SC","Hiragino Sans
                                GB","Microsoft
                                YaHei","微软雅黑",Arial,sans-serif;</code
                              >
                            </td>
                            <td>默认全局字体</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@font-family-code</code></td>
                            <td>
                              <code>Consolas,Menlo,Courier,monospace</code>
                            </td>
                            <td>代码字体</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-圆角"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%9C%86%E8%A7%92"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >圆角
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@radius-xs</code></td>
                            <td><code>4px</code></td>
                            <td></td>
                            <td><code>icon消息类\tag</code></td>
                          </tr>
                          <tr>
                            <td><code>@radius-sm</code></td>
                            <td><code>6px</code></td>
                            <td></td>
                            <td>
                              <code>行动按钮-辅助按钮</code>
                              <code>floatmenu浮动菜单-容器</code>
                              <code>searchbar搜索框</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@radius-md</code></td>
                            <td><code>10px</code></td>
                            <td></td>
                            <td>
                              <code>toast</code> <code>actionsheet-图标</code>
                              <code>输入框-密码输入框</code>
                              <code>行动按钮-主/次按钮</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@radius-lg</code></td>
                            <td><code>14px</code></td>
                            <td></td>
                            <td><code>modal弹框</code></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-边框尺寸"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E8%BE%B9%E6%A1%86%E5%B0%BA%E5%AF%B8"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >边框尺寸
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@border-width-sm</code></td>
                            <td><code>1px</code></td>
                            <td>标准边框</td>
                            <td>
                              <code>浮动菜单</code> <code>弹框- list</code>
                              <code>动作菜单</code> <code>选择器</code>
                              <code>input</code> <code>文字类icon</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@border-width-md</code></td>
                            <td><code>2px</code></td>
                            <td></td>
                            <td>
                              <code>次／辅助按钮</code>
                              <code>输入框-验证码前纵向分割线</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@border-width-lg</code></td>
                            <td><code>4px</code></td>
                            <td></td>
                            <td>
                              <code>steps步骤条-轴线</code>
                              <code>tabs选项卡-选中项的边线</code>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-间距"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E9%97%B4%E8%B7%9D"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >间距
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><strong>水平</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@h-spacing-sm</code></td>
                            <td><code>12px</code></td>
                            <td></td>
                            <td>行动按钮-辅助按钮</td>
                          </tr>
                          <tr>
                            <td><code>@h-spacing-md</code></td>
                            <td><code>18px</code></td>
                            <td></td>
                            <td>
                              <code
                                >floatmenu-容器与分割线&amp;分割线与文字</code
                              >
                            </td>
                          </tr>
                          <tr>
                            <td><code>@h-spacing-lg</code></td>
                            <td><code>30px</code></td>
                            <td>容器内横向间距</td>
                            <td>
                              <code>notice-bar</code> <code>列表</code>
                              <code>表单</code>
                              <code>modal-关闭图标距离容器边距</code>
                            </td>
                          </tr>
                          <tr>
                            <td><strong>垂直</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@v-spacing-xs</code></td>
                            <td><code>6px</code></td>
                            <td></td>
                            <td><code>列表：标题和辅助文字间</code></td>
                          </tr>
                          <tr>
                            <td><code>@v-spacing-sm</code></td>
                            <td><code>12px</code></td>
                            <td></td>
                            <td><code>toast：图标和文字</code></td>
                          </tr>
                          <tr>
                            <td><code>@v-spacing-md</code></td>
                            <td><code>18px</code></td>
                            <td></td>
                            <td>
                              <code>actionsheet：选项和取消操作间</code>
                              <code>列表：title、footer离list选项的间距</code>
                              <code>分享组件：图标和文字</code>
                              <code>分享组件：图标和文字</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@v-spacing-lg</code></td>
                            <td><code>30px</code></td>
                            <td></td>
                            <td>
                              <code>title的外边距</code>
                              <code>modal-关闭图标距离容器边距</code>
                              <code>modal-图片与标题间距</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@v-spacing-xl</code></td>
                            <td><code>42px</code></td>
                            <td>容器内纵向间距</td>
                            <td>
                              <code>actionsheet-分享组件</code>
                              <code>modal</code>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-高度"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E9%AB%98%E5%BA%A6"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >高度
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@option-height</code></td>
                            <td><code>84px</code></td>
                            <td></td>
                            <td>
                              <code>actionsheet-选项</code> <code>picker</code>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-图标尺寸"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%9B%BE%E6%A0%87%E5%B0%BA%E5%AF%B8"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >图标尺寸
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@icon-size-xxs</code></td>
                            <td><code>30px</code></td>
                            <td></td>
                            <td>
                              <code>搜索框内icon</code>
                              <code>公告左右两侧icon</code>
                              <code
                                >表单右侧对勾icon、下一级icon、title bar
                                返回按钮占位符</code
                              >
                            </td>
                          </tr>
                          <tr>
                            <td><code>@icon-size-xs</code></td>
                            <td><code>36px</code></td>
                            <td></td>
                            <td>``</td>
                          </tr>
                          <tr>
                            <td><code>@icon-size-sm</code></td>
                            <td><code>42px</code></td>
                            <td></td>
                            <td>
                              <code>float</code> <code>button里的icon</code>
                              <code>表单里的小图</code>
                              <code
                                >表单里的多项选择checkbox、表单里同意条款checkbox</code
                              >
                              <code>输入框右侧删除按钮</code>
                              <code>定位icon</code>
                              <code>临时告知左侧icon</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@icon-size-md</code></td>
                            <td><code>44px</code></td>
                            <td></td>
                            <td>navbar 上</td>
                          </tr>
                          <tr>
                            <td><code>@icon-size-lg</code></td>
                            <td><code>72px</code></td>
                            <td></td>
                            <td>
                              <code>toast 里的icon</code>
                              <code>页面正中loading icon</code>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <h2>
                        <a
                          id="user-content-组件变量"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E7%BB%84%E4%BB%B6%E5%8F%98%E9%87%8F"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >组件变量
                      </h2>
                      <p>只用于特定组件。</p>
                      <h3>
                        <a
                          id="user-content-button"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#button"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Button
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@button-height</code></td>
                            <td><code>84px</code></td>
                            <td></td>
                            <td>
                              <code>button</code> <code>action-sheet</code>
                              <code>弹窗按钮</code>
                            </td>
                          </tr>
                          <tr>
                            <td><code>@button-height-sm</code></td>
                            <td><code>46px</code></td>
                            <td></td>
                            <td><code>辅助按钮-小尺寸</code></td>
                          </tr>
                          <tr>
                            <td><code>@across-button-height</code></td>
                            <td><code>84px</code></td>
                            <td></td>
                            <td><code>通栏按钮</code></td>
                          </tr>
                          <tr>
                            <td><code>@button-font-size-sm</code></td>
                            <td><code>24px</code></td>
                            <td>小按钮字体大小</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@button-font-size</code></td>
                            <td><code>36px</code></td>
                            <td>按钮字体大小</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@primary-button-fill</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td></td>
                            <td><code>主按钮背景色</code></td>
                          </tr>
                          <tr>
                            <td><code>@primary-button-fill-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary--tap-1284d6.svg?style=flat"
                              />
                            </td>
                            <td></td>
                            <td><code>主按钮-按下背景色</code></td>
                          </tr>
                          <tr>
                            <td><code>@ghost-button-color</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td></td>
                            <td>同时应用于背景、文字颜色、边框色</td>
                          </tr>
                          <tr>
                            <td><code>@ghost-button-fill-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@link-button-font-size</code></td>
                            <td><code>32px</code></td>
                            <td>链接按钮字体</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@link-button-fill-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-dddddd-dddddd.svg?style=flat"
                              />
                            </td>
                            <td>链接按钮按下背景</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-list"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#list"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >List
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@list-item-height</code></td>
                            <td><code>90px</code></td>
                            <td>用于列表项</td>
                            <td><code>列表</code></td>
                          </tr>
                          <tr>
                            <td><code>@list-item-height-sm</code></td>
                            <td><code>70px</code></td>
                            <td>小尺寸列表</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@list-title-height </code></td>
                            <td><code>60px</code></td>
                            <td>索引列表分类标题的高度</td>
                            <td><code>索引列表-头部</code></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-input"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#input"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Input
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@input-font-size</code></td>
                            <td><code>28px</code></td>
                            <td>输入框文字</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@input-color-icon</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-cccccc-cccccc.svg?style=flat"
                              />
                            </td>
                            <td>输入框中操作图标</td>
                            <td><code>输入框中清除图标</code></td>
                          </tr>
                          <tr>
                            <td><code>@input-color-icon-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>输入框中操作图标按下</td>
                            <td><code>输入框中清除图标按下</code></td>
                          </tr>
                          <tr>
                            <td><code>@input-color-icon-inverse</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-ffffff_60%25-cccccc.svg?style=flat"
                              />
                            </td>
                            <td>深色背景下输入框中操作按钮</td>
                            <td><code>深色背景下输入框中清除按钮</code></td>
                          </tr>
                          <tr>
                            <td><code>@input-color-icon-tap-inverse</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-ffffff_40%25-cccccc.svg?style=flat"
                              />
                            </td>
                            <td>深色背景输入框中操作按钮按下</td>
                            <td><code>深色背景下输入框中清除按钮按下</code></td>
                          </tr>
                          <tr>
                            <td><strong>背景</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-tabs"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#tabs"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Tabs
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@tabs-height</code></td>
                            <td><code>84px</code></td>
                            <td></td>
                            <td><code>tabs</code></td>
                          </tr>
                          <tr>
                            <td><code>@tabs-font-size-heading</code></td>
                            <td><code>30px</code></td>
                            <td>tabs选项字体</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@tabs-color</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>Tabs 的高亮边和文字色彩</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-segmentedcontrol"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#segmentedcontrol"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >SegmentedControl
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@segmented-control-color</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td></td>
                            <td>同时应用于背景、文字颜色、边框色</td>
                          </tr>
                          <tr>
                            <td><code>@segmented-control-height</code></td>
                            <td><code>54px</code></td>
                            <td>分段控件的高度</td>
                            <td><code>分段控件</code></td>
                          </tr>
                          <tr>
                            <td><code>@segmented-control-fill-tap</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary_10%25-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>分段控件选项按下的背景色</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-tabbar"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#tabbar"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >TabBar
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@tab-bar-height</code></td>
                            <td><code>100px</code></td>
                            <td>TabBar 的 高度</td>
                            <td><code>tabbar</code></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-searchbar"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#searchbar"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >SearchBar
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@search-bar-input-height</code></td>
                            <td><code>56px</code></td>
                            <td>搜索框高度</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-noticebar"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#noticebar"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >NoticeBar
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@notice-bar-height</code></td>
                            <td><code>72px</code></td>
                            <td></td>
                            <td>临时公告</td>
                          </tr>
                          <tr>
                            <td><code>@notice-bar-fill</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-fffada-fffada.svg?style=flat"
                              />
                            </td>
                            <td>全局通知背景</td>
                            <td><code>notice-bar 背景色</code></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-switch"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#switch"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Switch
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@switch-fill</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%23-4DD865-4DD865.svg?style=flat"
                              />
                            </td>
                            <td>switch选中的背景色</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-tag"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#tag"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Tag
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@tag-height</code></td>
                            <td><code>48px</code></td>
                            <td>标签高度</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@tag-height-sm</code></td>
                            <td><code>28px</code></td>
                            <td>小号标签高度</td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><code>@tag-color</code></td>
                            <td>
                              <img
                                src=""
                                alt=""
                                data-canonical-src="https://img.shields.io/badge/%40-brand--primary-108ee9.svg?style=flat"
                              />
                            </td>
                            <td>标签字体颜色、边线颜色</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <h3>
                        <a
                          id="user-content-table"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#table"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >Table
                      </h3>
                      <table>
                        <thead>
                          <tr>
                            <th>变量名</th>
                            <th>默认变量值</th>
                            <th>描述</th>
                            <th>场景</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><code>@table-title-height</code></td>
                            <td><code>60px</code></td>
                            <td>表格头高度</td>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                      <hr />
                      <h2>
                        <a
                          id="user-content-变量命名规范"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%8F%98%E9%87%8F%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >变量命名规范
                      </h2>
                      <p>
                        <code>@{组件}-{属性}-{场景}-{状态}-{大小}-{反色}</code>
                      </p>
                      <h3>
                        <a
                          id="user-content-组件"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E7%BB%84%E4%BB%B6"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >组件
                      </h3>
                      <p>
                        可选，具体组件名：如 <code>button</code>
                        <code>tabs</code> <code>list</code>
                        <code>input</code> 等。未指定时表示全局通用。
                      </p>
                      <blockquote>
                        <p>
                          组件名可以复合，例如 <code>default-button</code>
                          <code>table</code> <code>tabs-current</code>
                          <code>link-button</code> 以表示更精确的主体。
                        </p>
                      </blockquote>
                      <h3>
                        <a
                          id="user-content-属性"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%B1%9E%E6%80%A7"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >属性
                      </h3>
                      <p>必选，变量实际内容。</p>
                      <ul>
                        <li><code>brand</code> 通用品牌色</li>
                        <li><code>fill</code> 背景色</li>
                        <li><code>border-color</code> 边框色</li>
                        <li><code>color</code> 色彩。优先使用上面三种。</li>
                        <li><code>border-width</code> 边框大小</li>
                        <li><code>font-size</code> 文字大小</li>
                        <li><code>radius</code> 圆角大小</li>
                        <li><code>height</code> 容器高度</li>
                        <li><code>v-spacing</code> 垂直间距</li>
                        <li><code>h-spacing</code> 水平间距</li>
                      </ul>
                      <h3>
                        <a
                          id="user-content-场景"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%9C%BA%E6%99%AF"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >场景
                      </h3>
                      <ul>
                        <li><code>text</code> 文本</li>
                        <li><code>heading</code> 标题</li>
                        <li><code>subhead</code> 子标题</li>
                        <li><code>caption</code> 辅助说明文字</li>
                        <li><code>paragraph</code> 段落文字</li>
                        <li><code>placeholder</code> 占位符</li>
                        <li><code>display</code> 广告/展示</li>
                        <li><code>icontext</code> 图标文字</li>
                        <li><code>link</code> 链接</li>
                        <li><code>body</code> 页面</li>
                        <li><code>overlay</code> 浮层</li>
                        <li><code>mask</code> 遮罩</li>
                        <li><code>shadow</code> 阴影</li>
                      </ul>
                      <h3>
                        <a
                          id="user-content-状态"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E7%8A%B6%E6%80%81"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >状态
                      </h3>
                      <p>可选。</p>
                      <ul>
                        <li><code>base</code> 基本/默认</li>
                        <li><code>tap</code> 按下</li>
                        <li><code>disabled</code> 失效</li>
                        <li>
                          <pre><code></code></pre>
                        </li>
                        <li><code>priamry</code> 主要</li>
                        <li><code>success</code> 成功</li>
                        <li><code>warning</code> 警告</li>
                        <li><code>info</code> 信息</li>
                        <li><code>important</code> 重要/强调</li>
                        <li><code>error</code> 错误</li>
                      </ul>
                      <h3>
                        <a
                          id="user-content-大小"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%A4%A7%E5%B0%8F"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >大小
                      </h3>
                      <p>
                        约定的大小选项。可选，一般和 <code>font-size</code>
                        <code>radius</code> <code>height</code>
                        <code>spacing</code>
                        <code>border-width</code> 进行配合。
                      </p>
                      <ul>
                        <li><code>xl</code> 超大</li>
                        <li><code>lg</code> 大</li>
                        <li><code>md</code> 中</li>
                        <li><code>sm</code> 小</li>
                        <li><code>xs</code> 超小</li>
                      </ul>
                      <h3>
                        <a
                          id="user-content-反色"
                          class="anchor"
                          href="https://github.com/ant-design/ant-design-mobile/wiki/%E8%AE%BE%E8%AE%A1%E5%8F%98%E9%87%8F%E8%A1%A8%E5%8F%8A%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83#%E5%8F%8D%E8%89%B2"
                          aria-hidden="true"
                          ><svg
                            class="octicon octicon-link"
                            viewBox="0 0 16 16"
                            version="1.1"
                            width="16"
                            height="16"
                            aria-hidden="true"
                          >
                            <path
                              fill-rule="evenodd"
                              d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                            ></path></svg></a
                        >反色
                      </h3>
                      <p>可选。</p>
                      <ul>
                        <li><code>inverse</code> 用于深色背景</li>
                      </ul>
                      <hr />
                      <blockquote>
                        <p>
                          注 <code>@brand-primary 10%</code> less 中用
                          <code>rgba(@brand-primary, 10%)</code> 实现。
                        </p>
                      </blockquote>
                    </div>
                  </div>
                </div>
              </div>
              <div class="modal-backdrop js-touch-events"></div>
            </div>
          </div>
        </main>
      </div>
    </div>
  </body>
</html>
